JavaScript中使用正则表达式高亮数字、中文或指定字符

作者:小括号

时间:2026-10-22

浏览:304

本文介绍如何在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中使用正则表达式对数字、中文或指定字符进行高亮显示的方法,希望能对大家有所帮助。如有任何疑问,欢迎留言,小编会及时回复。感谢大家对本站的支持!

实用工具推荐

电子包浆

绿化、压缩、噪点和虚拟水印,自由调节做旧程度。

使用 ›
图片压缩

选择画质和输出格式,预览压缩前后的大小。

使用 ›
相关文章