[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