html要素からタグ#tagsを検出し、それを色で飾る

-1

すべての#tagをhtml要素からいくつかの装飾された色に置き換えるか、任意のタグで囲んで飾ることができます。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

解決策には1つの問題があります。div内に別のdivがあり、一部の#attributesに

abC#xyz

などがあるとします。このようなシナリオでは、このソリューションは適用されません –

html要素からタグ#tagsを検出し、それを色で飾る

答えて

関連する問題