1

私は、特定の単語を見つけて、Web ブラウザー内でその単語を強調表示する必要がある小さなプロジェクトを行っています。

簡単に言えば、次の質問があります。

  1. Web ページの各単語にタグ付けされた場所 (x、y) があるかどうか疑問に思っていました。

  2. Web ページ内での作業に関する便利なチュートリアルの方向性を教えてください。

次のコードを実装して、Google Chrome の任意の Web ページとやり取りしたいと考えています。これは、単純な検索および強調表示機能です。

function doSearch(text) {
if (window.find && window.getSelection) {
    document.designMode = "on";
    var sel = window.getSelection();
    sel.collapse(document.body, 0);

    while (window.find(text)) {
        document.getElementById("button").blur();
        document.execCommand("HiliteColor", false, "lavender");
        sel.collapseToEnd();
    }
    document.designMode = "off";
} else if (document.body.createTextRange) {
    var textRange = document.body.createTextRange();
    while (textRange.findText(text)) {
        textRange.execCommand("BackColor", false, "lavender");
        textRange.collapse(false);
    }
}

}

お時間とご尽力いただきありがとうございます。

4

1 に答える 1

0

これはあなたが望むものをカバーしていると思います。また、検索用語をフレーズまたは個々の単語と見なすこともできます。

Pure Javascript 検索とテキストの強調表示

于 2013-08-16T03:28:54.963 に答える