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