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


Posted in Javascript onOctober 31, 2017
<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中正则表达式使数字、中文或指定字符高亮显示,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
仅用[]()+!等符号就足以实现几乎任意Javascript代码
Mar 01 Javascript
JS求平均值的小例子
Nov 29 Javascript
JS组件Bootstrap Table使用方法详解
Feb 02 Javascript
5种JavaScript脚本加载的方式
Jan 16 Javascript
JS中input表单隐藏域及其使用方法
Feb 13 Javascript
three.js绘制地球、飞机与轨迹的效果示例
Feb 28 Javascript
Vue组件之全局组件与局部组件的使用详解
Oct 09 Javascript
Vue render深入开发讲解
Apr 13 Javascript
Bootstrap 实现表格样式、表单布局的实例代码
Dec 09 Javascript
vue elementUI table 自定义表头和行合并的实例代码
May 22 Javascript
JavaScript的Proxy可以做哪些有意思的事儿
Jun 15 Javascript
JavaScript运行机制实例分析
Apr 11 Javascript
JavaScript实现QQ列表展开收缩扩展功能
Oct 30 #Javascript
帝国cms首页列表页实现点赞功能
Oct 30 #Javascript
微信小程序商品详情页规格属性选择示例代码
Oct 30 #Javascript
AngularJS中scope的绑定策略实例分析
Oct 30 #Javascript
JavaScript数组push方法使用注意事项
Oct 30 #Javascript
JavaScript Date对象应用实例分享
Oct 30 #Javascript
AngularJS实现controller控制器间共享数据的方法示例
Oct 30 #Javascript
You might like
PHP树的代码,可以嵌套任意层
2006/10/09 PHP
php编写的简单页面跳转功能实现代码
2013/11/27 PHP
PHP超级全局变量【$GLOBALS,$_SERVER,$_REQUEST等】用法实例分析
2019/12/11 PHP
php5.3/5.4/5.5/5.6/7常见新增特性汇总整理
2020/02/27 PHP
JavaScript 闭包在封装函数时的简单分析
2009/11/28 Javascript
Javascript attachEvent传递参数的办法
2009/12/14 Javascript
由点击页面其它地方隐藏div所想到的jQuery的delegate
2013/08/29 Javascript
jqeury-easyui-layout问题解决方法
2014/03/24 Javascript
Jquery节点遍历next与nextAll方法使用示例
2014/07/22 Javascript
jQuery之Deferred对象详解
2014/09/04 Javascript
jquery+css3实现网页背景花瓣随机飘落特效
2015/08/17 Javascript
jQuery+PHP实现可编辑表格字段内容并实时保存
2015/10/09 Javascript
js文本框输入内容智能提示效果
2015/12/02 Javascript
JavaScript实现99乘法表及隔行变色实例代码
2016/02/24 Javascript
浅析AMD CMD CommonJS规范--javascript模块化加载学习心得总结
2016/03/16 Javascript
Angular企业级开发——MVC之控制器详解
2017/02/20 Javascript
Vue之Vue.set动态新增对象属性方法
2018/02/23 Javascript
JS严格模式知识点总结
2018/02/27 Javascript
使用vue-router在Vue页面之间传递数据的方法
2019/07/15 Javascript
在VUE中实现文件下载并判断状态的方法
2019/11/08 Javascript
vue中的 $slot 获取插槽的节点实例
2019/11/12 Javascript
[33:09]完美世界DOTA2联赛循环赛 Forest vs DM BO2第二场 10.29
2020/10/29 DOTA
Python编程使用*解包和itertools.product()求笛卡尔积的方法
2017/12/18 Python
对python-3-print重定向输出的几种方法总结
2018/05/11 Python
对python 生成拼接xml报文的示例详解
2018/12/28 Python
Python3.5以上版本lxml导入etree报错的解决方案
2019/06/26 Python
python实现基于朴素贝叶斯的垃圾分类算法
2019/07/09 Python
Python替换月份为英文缩写的实现方法
2019/07/15 Python
python 通过文件夹导入包的操作
2020/06/01 Python
《落花生》教学反思
2014/02/25 职场文书
商场促销活动总结
2014/07/10 职场文书
小学生春游活动方案
2014/08/20 职场文书
建设幸福中国演讲稿
2014/09/11 职场文书
2014年保育员个人工作总结
2014/12/02 职场文书
高中班主任培训心得体会
2016/01/07 职场文书
2016年社区植树节活动总结
2016/03/16 职场文书