将标签内容替换为javascript中的类

Question

假设我们有这样的html：

<div class="some-class">This is the content</div>
<h2 class="some-class">This is to be replaced</div>

在jquery中，我们可以使用以下命令替换h2的内容：

$('h2.some-class').html('string to replace');

这将替换 h2.some-class 而不更改 div.some-class 的内容。现在，当前页面无法为此实例使用框架或 jquery - 只能使用 javascript。

我们如何使用纯 JavaScript 将该标签替换为特定类，而不影响具有同一类的其他标签？

Answer 1

您可以使用document.querySelector，如下所示：

document.querySelector('h2.some-class').innerHTML = 'string to replace';

对于多个元素：

document.querySelectorAll('h2.some-class').forEach(function(el) {
      el.innerHTML = "string to replace";
    });