javascript - How to color portion of text using css or jquery

Question

Welcome To Ask or Share your Answers For Others

javascript - How to color portion of text using css or jquery

posted Jan 31, 2022 in Technique[技术] by 深蓝 (71.8m points)

javascript - How to color portion of text using css or jquery

I have a paragraph of text which has few words inside a special character like %word%. I want to color only these words of paragraph in red. Can I do this in pure css? If not what should be the regex for coloring it through jquery. Example:

<Html>
 <head>
 <style>
 </style>
 </head>
 <body>
  <div id="myelement">
     Hi how do I color %this%? 
  </div>
 </body>
</Html>

See Question&Answers more detail:os

与恶龙缠斗过久,自身亦成为恶龙；凝视深渊过久,深渊将回以凝视…

1 Reply

深蓝 · Answer 1 · 2022-01-31T07:26:31+0000

I've used regular expression(regex) in javascript as follows:

function chnColor(){
    var str=document.getElementById("myelement").innerHTML;
    str=str.replace(/(%)(.*)(%)/g,"<font color='red'>$2</font>");
    //Here $2 Means Anything in between % and % This is what you need to color 
    document.getElementById("myelement").innerHTML=str;
}

DEMO

Hope it helps! cheers :)!

Categories

javascript - How to color portion of text using css or jquery

javascript - How to color portion of text using css or jquery

Please log in or register to add a comment.

Please log in or register to reply this article.

1 Reply

Please log in or register to add a comment.

Just Browsing Browsing

Most popular tags