`
amcucn
  • 浏览: 291457 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

使用JS高亮页面当中的关键字

阅读更多

工作需要,自己写了个简单的高亮页面当中的关键字

 

 /**
     * 高亮关键字
     * @param nodeID 要高亮的HTML节点ID
     * @param key 要高亮的关键字
     * @param color 关键字的颜色
     */
    highLightKeyWord:function(nodeID, key, color) {
        var NodeID = nodeID || "";
        var keyWord = key || "";
        var keyColor = color || "red";
        var node = $("#"+nodeID);//可使用document.getElementById替换
        if (NodeID != "" && keyWord != "") {
            var pattern = new RegExp(keyWord, "gi");
            var html = node.html(); //可使用innerHTML替换
            html = html.replace(pattern, "<font color='"+keyColor+"'>" + keyWord + "</font>");
            node.html(html);//可使用innerHTML替换
        }
    }
 
分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics