html 요소에서 #tags를 감지하여 색상으로 장식하십시오.

-1

html 요소의 모든 #tag를 데코레이션 된 색상으로 바꾸거나 모든 태그로 둘러싸여 있으며이를 장식 할 수 있습니다.html 요소에서 #tags를 감지하여 색상으로 장식하십시오.

<html> 
    <head></head> 
    <body> 
     <div id="one">hello #there, how #are you?</div> 
     <div id="two">i am learning #javascript and #jquery client side technologies </div> 
    </body> 
</html>

출처

2016-08-29 Tushar Shinde

당신이 장식하려는 경우 #there, #are, #javascript 및 색상, 글꼴 또는 <span>There</span>를 사용할 수있는 모든 것을 변화 같은 #jquery. 이제는 그 텍스트에 다른 스타일을 줄 수 있습니다. <span style="color:blue">There</span>처럼.

출처

2016-08-29 05:14:03 ZearaeZ

DEMO

var txt = document.getElementById('one'); 
txt.innerHTML = txt.innerHTML.replace(/#([^ ]+)/g, "<span class='hashtag'>#$1</span>");

DEMO

document.body.innerHTML = document.body.innerHTML.replace(/#([^ ]+)/g, "<span class='hashtag'>#$1</span>");

출처

2016-08-29 05:15:11 4dgaurav

감사 saurabh 전체 문서에서 바꾸기, 솔루션은 잘 작동하지만 난 전체 문서 다음 해시 태그는 같은 솔루션을 구현하는 것이 적절하다을 대체 할? –

checkout https://jsfiddle.net/m4qfd8jd/1/ – 4dgaurav

해결 방법에는 문제가 하나 있습니다. div에 div가 하나 있고 #attributes가

abC#xyz

과 같은 경우 이러한 시나리오의 경우이 솔루션은 적용되지 않습니다. –

html 요소에서 #tags를 감지하여 색상으로 장식하십시오.

답변

관련 문제