如何使用 Javascript 替换 HTML 页面中所有出现的字符串 [英] How to replace all occurrences of a string in a HTML page using Javascript

问题描述

我知道之前可能有人问过这个问题，但我没有找到有效的正确答案.

I know this question may be asked before but I did not find the correct answer that works.

我试过这个代码

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

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

but the page crashes, I don't know why.

我更喜欢使用纯 javascript 而不是 jQuery 的代码.谢谢.

I'm prefer the code to be in pure javascript not jQuery. Thanks.

推荐答案

你应该遍历 DOM，找到文本节点，并替换每个节点中找到的文本.

You should walk the DOM, find text nodes, and replace the found text in each.

这是一个简单的例子.您可以通过传递执行替换的回调使 walkText() 更通用.

Here's a simple example. You can make walkText() more generic by passing a callback that does the replacement.

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

这篇关于如何使用 Javascript 替换 HTML 页面中所有出现的字符串的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！