高亮网页中的关键字

最新推荐文章于 2024-05-19 10:57:04 发布

pennyee

最新推荐文章于 2024-05-19 10:57:04 发布

阅读量106

点赞数

本文链接：https://blog.csdn.net/pennyee/article/details/83390477

版权


function highlight(word){
    var range;
    if(document.createRange){
        range = document.createRange();
    }else{
        range = document.body.createTextRange();
    }
    if(range.findText){
        range.collapse(true);
        range.moveToBookmark(range.getBookmark());
        while(range.findText(word)){
            range.pasteHTML(range.text.fontcolor("red"));
        }
    }else{
        var s,n;
        s = window.getSelection();
        s.collapse(document.body,0);
        while(window.find(word)){
            n = document.createElement("SPAN");
            n.style.color = "red";
            s.getRangeAt(0).surroundContents(n);
        }
    }
}