<!DOCTYPE html>
<html>
<head>
<title>hi</title>
</head>
<body>
<div>
<div class="hi"> a small test test small a hai hi</div>
</div>
</body>
<script>
function highlightKeyworld(keywords){
var array = keywords.split(" "); //分割
var targetContent=document.getElementsByName('hi');
for ( var t = 0; t < targetContent.length; t++) {
for ( var i = 0; i < array.length; i++) {
//創建表達式，匹配替換
var reg = new RegExp("(" + array[i].replace(/,/, "|") + ")", "g");
//替換重新寫入
targetContent[t].innerHTML =targetContent[t].innerHTML.replace(reg,"<font color='red'>$1</font>");
}
}
}
highlightKeyworld("這是");
</script>
</html>
前端--搜索結果對搜索關鍵詞高亮效果
免責聲明！
本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。