jQuery实现：将文本内的部分字段增添样式标红
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>replaceDemo</title>
</head>
<body>
<h1 id="content">算法和数据结构是程序的第一秘诀，缺之算法和数据结构是编程的最大原因。</h1>
</body>
<script type="text/javascript">
var str = "算法" + "," + "数据结构";
//循环的分别赋样式
for (var i = 0; i < str.split(',').length; i++) {
var re = "/"+str.split(',')[i]+"/g";
//获取对象内容
var txt = document.getElementById("content").innerHTML;
//给符合要求的文本加上样式替换掉，eval解决转义问题
document.getElementById("content").innerHTML = txt.replace(eval(re),"<span style='color:red'>"+str.split(',')[i]+"</span>");
}
</script>
</html>平淡中储蓄成长
相关文章
发表评论
评论列表
- 这篇文章还没有收到评论，赶紧来抢沙发吧~