如何用JavaScript突出显示小写字母？

对于像这样的段落

<p> This is an exaMPLe </p>

如何使用Javascript突出显示不同颜色的小写字母？

解决方法

这是使用正则表达式查找/替换的快速而肮脏的解决方案.

var p = document.querySelector("p");
var html = p.innerHTML;

html = html.replace(/([a-z]+)/g,"<strong>$1</strong>");

p.innerHTML = html;

首先,你得到段落,阅读其内部HTML.然后使用正则表达式查找小写的a-z字母并用强HTML标签包装它们.如果您愿意,也可以使用span并应用CSS类.在正则表达式查找/替换后,设置回HTML值.

工作示例：http://jsbin.com/vodevutage/1/edit?html,output

编辑：
如果您希望使用不同的颜色,请按如下所示更改一行：

html = html.replace(/([a-z]+)/g,"<span class='highlight'>$1</span>");

并且还定义了一个CSS类,如下所示：

.highlight {
    background-color: yellow;
}