本文介绍如何在JavaScript中利用正则表达式匹配数字、中文或指定字符,并通过replace方法将其包裹在带有背景色的span标签中,实现网页文本的高亮显示效果。
JavaScript中正则表达式高亮实现代码
<span id="span_id">span2314的23文本213</span>
var htmlobj = txt.replace(/(\d+)/img, "<span style='background:red;'>$&</span>");
//var htmlobj = txt.replace(/([+\-]?[0-9]+(\.[0-9]+)?)/g, "<span style='background:red;'>$1</span>"); // 这个也可以
//var htmlobj = txt.replace(/(\d+)/img, "<span style='background:yellow;'>$1</span>");//这个也可以
alert("替换spna中的数字:"+htmlobj);
$("#span_id").html(htmlobj);
高亮颜色设置方法
将数字替换为正则表达式匹配的中文或指定字符,即可实现高亮效果。同时,还可以自定义其他高亮颜色:
红色:style='background:red;'
蓝色:style='background:blue;'
绿色:style='background:green;'
总结
总结
以上内容介绍了在JavaScript中使用正则表达式对数字、中文或指定字符进行高亮显示的方法,希望能对大家有所帮助。如有任何疑问,欢迎留言,小编会及时回复。感谢大家对本站的支持!