Question

我正在尝试编写一个bookmarklet，在文档的所有可见文本实例上调用函数doSomething(textNode)。

doSomething()，只是为了好玩，通过替换传入其中的textNode的textContent，用“derp”替换每个单词。但是，这会使一些空文本节点中包含单词，因此会破坏网页。

有没有办法只在每个包含单词的textNode上调用doSomething()？

function recurse(element)
{
    if (element.childNodes.length > 0) 
        for (var i = 0; i < element.childNodes.length; i++) 
            recurse(element.childNodes[i]);

    if (element.nodeType == Node.TEXT_NODE && element.nodeValue != '') 
        doSomething(element);
}
var html = document.getElementsByTagName('html')[0];
recurse(html);

Answer 1

改变这个......

element.nodeValue != ''

到此......

/\S/.test(element.nodeValue)

这使用/\S/正则表达式，它搜索至少一个非空格字符。

您可能需要进一步定义“单词”的含义。我认为这意味着你只排除了只有空白的节点。

在支持String.prototype.trim的浏览器中，这将是另一种选择......

element.nodeValue.trim() != ''

查找所有文本节点

1 个答案: