Replace HTML string with javascript using .replace

Question

I have this html code:

<p>Hello, this is a test replacing, <span class="myclass">over test</span> and <span class="myclass">over test</span>.</p>

My javascript works to replace the word "Hello" with "FuuBar".

document.body.innerHTML = document.body.innerHTML.replace(/Hello/g, "FuuBar");

But I can not replace over test by Thanks God

I am starting in javascript. I need to resolve this in pure js. Could help in my code? And sorry for the English.

JsFiddle for help.

elclanrs · Accepted Answer · 2014-01-21 22:50:54Z

2

Use the DOM for this. Check here for more info: https://developer.mozilla.org/en-US/docs/DOM

var spans = document.querySelectorAll('.myclass');
for (var i=0; i<spans.length; i++) {
  spans[i].classList.remove('myclass');
  spans[i].classList.add('thanks');
  spans[i].innerHTML = '<b>Thanks god</b>';
}

answered Jan 21, 2014 at 22:50

elclanrs

94.2k21 gold badges137 silver badges171 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

mat · Accepted Answer · 2014-01-21 22:51:02Z

0

Have you checked quotations? You should escape them in the classname in JS or use single quotes. Please provide the code if that's not the case.

Other than that, replacing the whole body doesn't seem the best idea for a task like this.

answered Jan 21, 2014 at 22:51

mat

1,6511 gold badge16 silver badges25 bronze badges

1 Comment

Joselito Over a year ago

Thanks mat and maxedison. You saved my life!

Collectives™ on Stack Overflow

Replace HTML string with javascript using .replace

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related