[JavaScript编程练习]js获取文字中的100,使其变为红色,若文字100改为其他任意数字,该数字依然会是红色
来源:互联网 发布:oa协同软件 编辑:程序博客网 时间:2024/05/21 13:15
已知dom结构为:
<span style="color:#000">前100名报名学员,每门课程享受8折优惠。</span>
题目:使用js将网页中的“100”变为红色,若文字中100改成任意数字,该数字依然会变红色。
解:文字中100没有单独标签,不能直接设置样式,本人刚开始想到的使用正则表达式,但还是改成了以下方法,能实现,但略显庸俗,有更好的方法欢迎指导。
var string, numAfter, html; var spanText = document.getElementsByTagName('span')[0].innerText; numAfter = spanText.indexOf('名'); string = spanText.substring(1, numAfter); html = '<span style="color:red;">'+string+'</span>'; spanText = spanText.replace(string, html); document.getElementsByTagName('span')[0].innerHTML = spanText;
效果:
更改成9800后
阅读全文
0 0
- [JavaScript编程练习]js获取文字中的100,使其变为红色,若文字100改为其他任意数字,该数字依然会是红色
- Android把字符串中的数字变为红色
- TableView中如何实现点中cell的文字变为红色,其他cell的文字是黑色
- 将数字金额改为文字金额js
- Html 中 文字红色
- 用JavaScript当用鼠标勾选一个CHECKBOX时,表格中对应的一行背景色变为黄色,文字字体变为红色粗体
- 点击改行table中的tr则变为红色其他变为白色
- iOS设定指定文字颜色为红色
- c#判断输入文字是否是数字
- Button添加红色的数字圆圈
- Yixiaohan---000给头像加上红色数字
- python 在图片右上角添加红色数字
- Python 练习册,每天一个小程序----------000 图片右上角加上红色的数字
- 把grid列中的数字转为文字
- 将数据库中的数字显示为文字
- 【Java中 任意几个数字获取其所有的排列组合】
- .net设置重点文字的颜色为红色
- Hibernate4.3.11 如何去掉红色的日志文字
- 【C#编程最佳实践 二】git操作实践
- SwipeRefreshLayout 源码关键方法解析
- Dubbo
- POJ2187:Beauty Contest(凸包 & 旋转卡壳)
- L-R算法去模糊
- [JavaScript编程练习]js获取文字中的100,使其变为红色,若文字100改为其他任意数字,该数字依然会是红色
- 中断的响应和服务
- python3 property属性的应用
- Python引用传递、赋值规则以及深拷贝和浅拷贝
- sed单引号使用
- 添加分割线
- 稳坐HPC TOP500中国第一 联想HPC以实力绘制蓝图
- 动画机制总结
- Qt之复制文件夹