使用.replace用javascript替換HTML字符串

Question

我有這個HTML代碼：

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

我的javascript用於將“Hello”替換為“FuuBar”。

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

但我不能用<span class="myclass">over test</span> <span class="thanks"><b>Thanks God</b></span>替換<span class="myclass">over test</span> <span class="thanks"><b>Thanks God</b></span>

我是從javascript開始的。 我需要在純js中解決這個問題。 可以幫助我的代碼嗎？ 抱歉英語。

JsFiddle尋求幫助。

Answer 1

為此使用DOM。 點擊此處獲取更多信息： 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>';
}

Answer 2

你檢查過報價了嗎？ 您應該在JS中的類名中轉義它們或使用單引號。 如果不是這樣，請提供代碼。

除此之外，替換整個身體似乎不是這樣的任務的最佳選擇。