海海日记-冯海滨博客

您现在的位置是:首页 > Js/Jquery > 正文

Js/Jquery

jQuery实现:将文本内的部分字段增添样式标红

happyfhb2018-01-07Js/Jquery2023
<!DOCTYPE html>  
<html>  
    <head>  
        <meta charset="UTF-8">  
        <title>replaceDemo</title>  
    </head>  
    <body>  
        <h1 id="content">算法和数据结构是程序的第一秘诀,缺之算法和数据结构是编程的最大原因。</h1>  
    </body>  
    <script type="text/javascript">  
        var str = "算法" + "," + "数据结构";  
        //循环的分别赋样式  
        for (var i = 0; i < str.split(',').length; i++) {  
            var re = "/"+str.split(',')[i]+"/g";  
            //获取对象内容  
            var txt = document.getElementById("content").innerHTML;  
            //给符合要求的文本加上样式替换掉,eval解决转义问题  
            document.getElementById("content").innerHTML = txt.replace(eval(re),"<span style='color:red'>"+str.split(',')[i]+"</span>");  
        }  
    </script>  
</html>


平淡中储蓄成长

发表评论

评论列表

  • 这篇文章还没有收到评论,赶紧来抢沙发吧~