易优CMS搜索词高亮的方法分享2种JS纯代码结果页高亮

易优CMS用户需要搜索高亮，就直接拿来分享了，代码未测试，欢迎尝试。

<script>
function keyLight(id, key, bgColor) {
	var oDiv = document.getElementById(id),
		sText = oDiv.innerHTML,
		bgColor = bgColor || "red",
		Colorr = Colorr || "white",
		sKey = "<span style='background-color: " + bgColor + ";color: " + Colorr + ";'>" + 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', '{$eyou.field.keywords}');
</script>

<script>
	function keyLight(id, key, bgColor) {
		var oDiv = document.getElementById(id),
			oChilds = oDiv.childNodes,
			bgColor = bgColor || "red",
			Colorr = Colorr || "white",
			sKey = "<span style='background-color: " + bgColor + ";color: " + Colorr + ";'>" + key + "</span>",
			rStr = new RegExp(key, "g");
		for (var i = 0; i < oChilds.length - 1; i++) {
			if (oChilds[i].nodeType == 3 && /s/.test(oChilds[i].nodeValue)) { //删除空白的节点
				oChilds[i].parentNode.removeChild(oChilds[i]);
			}
			oChilds[i].innerHTML = oChilds[i].innerHTML.replace(rStr, sKey); //替换key
		}
	}
	var key1 = keyLight('result', '{$eyou.field.keywords}');
</script>

方法来源网络。