使用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替換
        }
    }
 
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章