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 定义function的三种方式小结
Oct 16 Javascript
javascript 哈希表(hashtable)的简单实现
Jan 20 Javascript
Web表单提交之disabled问题js解决方法
Jan 13 Javascript
jQuery插件bxSlider实现响应式焦点图
Apr 12 Javascript
最精简的JavaScript实现鼠标拖动效果的方法
May 11 Javascript
js去除浏览器默认底图的方法
Jun 08 Javascript
IE8利用自带的setCapture和releaseCapture解决iframe的拖拽事件方法
Oct 25 Javascript
使用base64对图片的二进制进行编码并用ajax进行显示
Jan 03 Javascript
JavaScript实现全选取消效果
Dec 14 Javascript
jQuery实现input[type=file]多图预览上传删除等功能
Aug 02 jQuery
json 带斜杠时如何解析的实现
Aug 12 Javascript
JQuery+drag.js上传图片并且实现图片拖曳
Nov 18 jQuery
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
模板引擎Smarty深入浅出介绍
2006/12/06 PHP
PHP 5.3.1 安装包 VC9 VC6不同版本的区别是什么
2010/07/04 PHP
php代码收集表单内容并写入文件的代码
2012/01/29 PHP
教你如何使用php session
2013/10/28 PHP
php广告加载类用法实例
2014/09/23 PHP
phpStudy配置多站点多域名和多端口的方法
2017/09/01 PHP
Laravel 不同生产环境服务器的判断实践
2019/10/15 PHP
学习ExtJS 访问容器对象
2009/10/07 Javascript
jQuery登陆判断简单实现代码
2013/04/21 Javascript
JS.getTextContent(element,preformatted)使用介绍
2013/09/21 Javascript
Js操作Select大全(取值、设置选中等等)
2013/10/29 Javascript
浅析JS中document对象的一些重要属性
2014/03/06 Javascript
基于javascript实现样式清新图片轮播特效
2016/03/30 Javascript
jquery设置表单元素为不可用的简单代码
2016/07/04 Javascript
JS继承之借用构造函数继承和组合继承
2016/09/07 Javascript
Javascript blur与click冲突解决办法
2017/01/09 Javascript
AngularJS的$location使用方法详解
2017/10/19 Javascript
JavaScript中关于class的调用方法
2017/11/28 Javascript
vue中子组件调用兄弟组件方法
2018/07/06 Javascript
js纯前端实现腾讯cos文件上传功能的示例代码
2019/05/14 Javascript
jQuery实现input[type=file]多图预览上传删除等功能
2019/08/02 jQuery
vant 时间选择器--开始时间和结束时间实例
2020/11/04 Javascript
用Python的SimPy库简化复杂的编程模型的介绍
2015/04/13 Python
Python中使用urllib2模块编写爬虫的简单上手示例
2016/01/20 Python
Python实现的序列化和反序列化二叉树算法示例
2019/03/02 Python
Python调用百度根据经纬度查询地址的示例代码
2019/07/07 Python
css3通过scale()、rotate()实现放大、旋转
2020/03/19 HTML / CSS
HTML5之HTML元素扩展(下)—增强的Form表单元素值得关注
2013/01/31 HTML / CSS
AmazeUI 加载进度条的实现示例
2020/08/20 HTML / CSS
英国领先的品牌珠宝和配件供应商:Acotis Jewellery
2018/03/07 全球购物
早读迟到检讨书
2014/01/24 职场文书
工作疏忽、懈怠的检讨书
2014/09/11 职场文书
金砖之国观后感
2015/06/11 职场文书
详解如何修改nginx的默认端口
2021/03/31 Servers
iPhone13再次曝光
2021/04/15 数码科技
Mysql 用户权限管理实现
2021/05/25 MySQL