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");

但我无法将over test替换为Thanks God

我开始使用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中的类名中转义它们或使用单引号。如果不是这样，请提供代码。

除此之外，替换整个身体似乎不是这样的任务的最佳选择。

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

2 个答案: