頁面的關鍵詞高亮
阿新 • • 發佈:2018-02-27
頁面 color nbsp red light return OS 元素 匹配
function keyLight(id, key, bgColor) { var oDiv = document.getElementById(id), sText = oDiv.innerHTML, bgColor = bgColor || "orange", sKey = "<span style=‘color: " + bgColor + ";‘>" + key + "</span>", num = -1, rStr = new RegExp(key, "g"), rHtml = new RegExp("\<.*?\>", "ig"), //匹配html元素 aHtml = sText.match(rHtml); //存放html元素的數組 sText = sText.replace(rHtml, ‘{~}‘); //替換html標簽 sText = sText.replace(rStr, sKey); //替換key sText = sText.replace(/{~}/g, function () { //恢復html標簽 num++; return aHtml[num]; }); oDiv.innerHTML = sText; } var key1 = keyLight(‘result‘, ‘關鍵詞‘);var key2 = keyLight(‘result‘, ‘關鍵詞‘, ‘red‘)
頁面的關鍵詞高亮