javascript - 替换 div 中的所有 url

Question

我正在尝试编写 javascript 代码来查找 div 中的所有 url。现在，如果 div 中的所有 url 都用空格分隔，这将非常容易，在这种情况下，我可以对 div 中的内容执行正则表达式来找到它们。但是，这个外部 div 中的 url 可能位于子 div(或任何其他 html 标记)中，我也想将子 div 视为分隔符(并且我不想摆脱这些子 div)。举个例子，在下面我想在 id 为“outer”的 div 中找到 www.foo.com 和 www.bar.com:

<div id="outer"><div>www.foo.com</div>www.bar.com</div>

这样做的好方法是什么？

Answer 1

您可以对所有非文本子节点应用递归调用。

function replaceWwwInNodes(node) {
    //text node
    if (node.nodeType === 3) {
        node.textContent = node.textContent.replace(/* ??? */)
    }
    else {
        Array.prototype.forEach.call(node.childNodes, function (elem) {
            replaceWwwInNodes(elem);
        });
    }
}

replaceWwwInNodes(document.getElementById('outer'));

http://jsfiddle.net/UDX5V/