javascript - 使用javascript在html页面中查找单词

Question

如何快速搜索 html 页面中的单词？我怎样才能得到这个词所在的 html 标签？ (所以我可以使用整个标签)

Answer 1

要找到单词所在的元素，您必须遍历整个树，只查看文本节点，应用与上述相同的测试。在文本节点中找到单词后，返回该节点的父节点。

var word = "foo",
    queue = [document.body],
    curr
;
while (curr = queue.pop()) {
    if (!curr.textContent.match(word)) continue;
    for (var i = 0; i < curr.childNodes.length; ++i) {
        switch (curr.childNodes[i].nodeType) {
            case Node.TEXT_NODE : // 3
                if (curr.childNodes[i].textContent.match(word)) {
                    console.log("Found!");
                    console.log(curr);
                    // you might want to end your search here.
                }
                break;
            case Node.ELEMENT_NODE : // 1
                queue.push(curr.childNodes[i]);
                break;
        }
    }
}

这在 Firefox 中有效，对 IE 没有 promise 。

它所做的是从 body 元素开始，检查该元素中是否存在单词。如果没有，那就是它，搜索就此停止。如果它在 body 元素中，那么它会遍历 body 的所有直接子元素。如果找到文本节点，则查看该单词是否在该文本节点中。如果找到一个元素，则将其插入队列。继续前进，直到您找到该词或没有更多元素可供搜索。