如何使用 Javascript 或 CSS 更改 <h2> 标签

Question

有没有办法使用 css 或 javascript 更改类内 h2 中的文本？我认为可以通过 JS 实现，但不知道如何实现。

请注意，我无法更改跨度或提供 id。另外，我有多个部分使用相同的 div 类“twocol-box1 superflex-content-6-12”，但只有一个部分包含 H2 文本“旧文本”。

这是我所拥有的

<div class="twocol-box1 superflex-content-6-12">
  <h2>old text</h2>

Answer 1

您可以使用 javascript“querySelector”方法访问类为“twocol-box1 superflex-content-6-12”的 div 内的 h2 ：

const h2Tag = document.querySelector("twocol-box1 superflex-content-6-12 > h2");

请注意，querySelector 方法的作用类似于 CSS 选择器。

然后，可以使用“innerHTML”属性更改元素的内容：

h2Tag.innerHTML = 'New text';