替换html中的所有单词而不影响标签

Question

我正在寻找一种在给定网站中将Foo的所有实例替换为<a>Bar</a>（有效链接）的方法。理想情况下，没有任何像jquery这样的额外库。

我尝试过的事情：

• document.body.innerHtml和类似的字符（document.getElementByTagName('p)）无法与简单的.replace(/Foo/g, '<a>Bar</a>')一起使用，因为它可能最终会替换Foo类名或ID，因此会中断页面​​。也可能会影响体内的某些js脚本。
• 仅编辑textNode（具有this之类的东西）不起作用，因为它以文本形式显示a标记，而不是创建DOM元素。
• [尝试解决textNodes问题并转到父元素并在那里应用.replace只会产生与第一个项目符号相同的问题。

我已经搜索了其他类似问题的答案，但没有找到能解决这三点的方法。

我正在寻找一种在给定网站中用Bar（有效链接）替换Foo的所有实例的方法。理想情况下，没有任何像jquery这样的额外库。我试过的：document.body ....

Answer 1

您已经关闭，但是您需要用三个新节点的set

Answer 2

尝试以下正则表达式：-