How to replace all occurrences of a string in a HTML page using Javascript - Stack Overflow

admin管理员组

文章数量:1344953

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

I tried this code

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

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

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

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

I tried this code

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

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

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

• javascript
• string
• replace

Share Improve this question Follow asked Jan 1, 2016 at 19:22 Hazem TahaHazem Taha 1,18466 gold badges1919 silver badges3131 bronze badges 3

• 1 Possible duplicate of javascript replace text in the html body – Manasov Daniel Commented Jan 1, 2016 at 19:29
• 1 @ManasovDaniel: That's a duplicate indeed, but gives a terrible solution. – user1106925 Commented Jan 1, 2016 at 19:32
• Add a <span class="name-to-replace">Hazem</span> to all the instances where you have the string you want to replace. Then, just use something analogous to $(".name-to-replace") (or document.getElementsByClassName("name-to-replace") as your selector. – adilapapaya Commented Jan 1, 2016 at 19:35

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 10

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

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

本文标签： How to replace all occurrences of a string in a HTML page using JavascriptStack Overflow