web_beginner1 2021-11-25 19:55 采纳率: 0%
浏览 28

JavaScript——页面指定字符或字符串高亮显示的方法

我如果想要实现多个关键字的变色应该怎么改变正则

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <div id="content">
        <p>又一个清晨</p>
        <p>如昨天一般下着小雨</p>
        <p>我撑着伞</p>
        <p>走在每天必经的路上</p>
        <p>汽车发动机的声音</p>
        <p>车轮辗过水洼的声音</p>
        <p>周围人走路的声音</p>
        <p>一切都如往常一样</p>
        <p>却都没有此时</p>
        <p>显得那么悦耳动听</p>
        <p>就连潮湿的空气</p>
        <p>也是那么的好闻</p>
        <p>深吸一口</p>
        <p>感觉自己的内心</p>
        <p>得到一丝从未有过的安宁</p>
        <p>汽车的一声鸣笛</p>
        <p>就像向湖面扔了一粒石子</p>
        <p>将我从梦中惊醒</p>
        <p>发现自己依然身处在</p>
        <p>这霾雾重重嘈杂烦乱的城市中</p>
    </div>
</body>
<script>
    var content = document.getElementById("content").innerHTML;
    var s = "的";
    var reg = new RegExp("(" + s + ")", "g");  
    var str = content;  
    var newstr = str.replace(reg, "<font color=#FF6633>$1</font>");
    document.getElementById("content").innerHTML = newstr;
</script>
</html>

  • 写回答

3条回答 默认 最新

  • CSDN专家-sinJack 2021-11-25 19:56
    关注

    你可以私信博主,或者把文章发出来看下。

    评论

报告相同问题?

问题事件

  • 修改了问题 11月26日
  • 修改了问题 11月26日
  • 创建了问题 11月25日

悬赏问题

  • ¥15 12864只亮屏 不显示汉字
  • ¥20 三极管1000倍放大电路
  • ¥15 vscode报错如何解决
  • ¥15 前端vue CryptoJS Aes CBC加密后端java解密
  • ¥15 python随机森林对两个excel表格读取,shap报错
  • ¥15 基于STM32心率血氧监测(OLED显示)相关代码运行成功后烧录成功OLED显示屏不显示的原因是什么
  • ¥100 X轴为分离变量(因子变量),如何控制X轴每个分类变量的长度。
  • ¥30 求给定范围的全体素数p的(p-2)/p的连乘积值
  • ¥15 VFP如何使用阿里TTS实现文字转语音?
  • ¥100 需要跳转番茄畅听app的adb命令