javascript - javascript - 複数のCreateTextRangeを同時に

Question

以下の JavaScript 関数があります。「Department」などの単語が渡されると、画面上で見つかった「Department」の最初のインスタンスが赤で強調表示されます。ただし、このコードで、指定された単語のすべてのインスタンスを強調表示したいと思います。

function findString (str) { 
    var TRange=null;
    var strFound; 
    var TRange = self.document.body.createTextRange();
    TRange.findText(str);
    TRange.execCommand('foreColor', false, "#ff0000");
    return;
}

score 1 · Accepted Answer

function findString (str) { 
    var TRange = document.body.createTextRange();

    while (TRange.findText(str)){
        TRange.execCommand("foreColor", false, "#ff0000");
        TRange.collapse(false);
    }
}

score 1 · Accepted Answer

このコードはそれを行ったように見えますが、ずさんで少し過剰です。同じ関数で execCommand 行をほぼ 2 回複製するよりも、もっと短い方法があるはずです。

var TRange=null;
function findString (str) { 

    var strFound; 
    var counter = 0;

    if (TRange==null || strFound==0) {
            TRange=self.document.body.createTextRange()  
            strFound=TRange.findText(str) 
            if (strFound) {
                TRange.execCommand('foreColor', false, "#ff0000");
            }
    } 

    TRange.collapse(false);
    while (strFound=TRange.findText(str)) {
        if (counter > 50){
            alert("Search exceeded maximum limit of 50.");
            return;
        }
        TRange.execCommand('foreColor', false, "#ff0000");
        TRange.collapse(false); 
        counter += 1;
    }

    return;
}

score 1 · Accepted Answer

function findString (str) { 
    var TRange=null;
    var strFound; 
    var TRange = self.document.body.createTextRange();

    while(TRange.findText(str))
    {
        TRange.execCommand('foreColor', false, "#ff0000");
    }

    return; 
    }

score 0 · Accepted Answer

このリンクを見てください: http://www.nsftools.com/misc/SearchAndHighlight.htm

そのページで使用されているスクリプトは、あなたが取っているものとは異なるアプローチですが、最終結果はまさにあなたが探しているものです.

javascript - javascript - 複数のCreateTextRangeを同時に

4 に答える 4

Related

Reference