JavaScript实现查询关键字高亮显示

用途:

 

   html代码查询关键字高亮显示

   (兼容Firefox和IE)

 

代码:

 

//高亮显示

//idVal 高亮显示的标签id

//keyword 关键字

//color 高亮显示的颜色
function highLight(idVal,keyword, color) {
   
//正则替换
    //g (全文查找出现的所有 pattern)
    //i (忽略大小写)

    var hlValue = new RegExp("(" + keyword + ")(?=[^<>]*<)","gi");
    $ID(idVal).innerHTML = $ID(idVal).innerHTML.replace(hlValue, "<font color=" + color + ">$1</font>");
}

/*
getElement object
*/

function $ID(idVal) {
    return document.getElementById(idVal);
}


如果给你带来帮助,欢迎微信或支付宝扫一扫,赞一下。