如何使用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