如何使用Java脚本替换HTML页面中所有出现的字符串

Question

我知道之前可能会问过这个问题，但是我没有找到正确的答案。

我尝试了这段代码

$('body *').each(function(k,v){$(v).text($(v).text().replace("Hazem","mizzo"))});

但是页面崩溃了，我不知道为什么。

我更喜欢将代码使用纯JavaScript而不是jQuery。谢谢。

Answer 1

您应该遍历DOM，查找文本节点，并替换每个节点中的找到的文本。

这是一个简单的例子。您可以walkText()通过传递进行替换的回调来使通用性更高。

function walkText(node) {
  if (node.nodeType == 3) {
    node.data = node.data.replace(/foo/g, "bar");
  }
  if (node.nodeType == 1 && node.nodeName != "SCRIPT") {
    for (var i = 0; i < node.childNodes.length; i++) {
      walkText(node.childNodes[i]);
    }
  }
}
walkText(document.body);

foo <b>foo</b> foo