CSS / JavaScript - 在文本中设置关键字样式？

Question

有一些文字，需要更改某些关键字的颜色，而不使用文字中的代码。我怎么能用CSS / JS做到这一点？

<p>Lorem ipsum RED dolor sit amet, RED consectetur adipiscing elit, RED sed do eiusmod 
   tempor incididunt ut labore et dolore RED magna aliqua.</p>

Answer 1

实现此目的的一种方法是将文字"RED"替换为具有颜色样式的范围："<span style='color:red'>"

＆＃13;

＆＃13;

var e = document.getElementById("text");
var txt = e.innerHTML;
e.innerHTML = txt.replace(new RegExp("RED", "g"),"<span style='color:red'>RED</span>");

＆＃13;

<p id="text">Lorem ipsum RED dolor sit amet, RED consectetur adipiscing elit, RED sed do eiusmod 
   tempor incididunt ut labore et dolore RED magna aliqua.</p>

＆＃13;

＆＃13;

＆＃13;