Find and replace a string using Javascript

Question

I have a landing page where I am trying to use JS to find and replace all instances of a string across a certain tag.

Currently it looks like this:

<span class="h4">Some Text</span>

And I want it to look like this (replacing "Text" with "New Text")

<span class="h4">Some New Text</span>

Note that there is more than one instance of this on the page, I am not just trying to update this once. I have tried using the .replace method but can't seem to get this to work - any help would be appreciated!

All the instances are inside the class `h4`? – Sajeeb Ahamed Aug 17 '20 at 12:03 — Sajeeb Ahamed, Aug 17 '20 at 12:03

score -1 · Answer 1 · answered Aug 17 '20 at 12:08

You can try this-

const h4 = document.querySelectorAll('.h4');
h4.forEach(el => {
  el.innerHTML = el.innerHTML.replace(/text/gi, 'New Text');
});

<div class="h4">Some Text</div>
<div class="h4">Some Value</div>
<div class="h4">Some Text</div>
<div class="h4">Some Text Text</div>
<div class="h4">Some Text</div>

Find and replace a string using Javascript

1 Answers1