javascript - 如何使用 Javascript 替换 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