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

Question

是否有办法在类内使用css或javascript更改h2中的文本?我认为这是可能通过JS，但不确定如何。

请注意，我不能改变跨度或给出id。此外，我有多个节使用相同的div类"但只有一个部分带有H2文本"old text"

这是我的

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

Answer 1

可以在class为"twocol-box1 superflex-content- 6-12-12 "使用javascript "querySelector"方法:

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

注意querySelector方法的作用就像一个CSS选择器。

然后，元素的内容可以使用"innerHTML"属性:

h2Tag.innerHTML = 'New text';

Answer 2

Try

var elem = document.querySelector("div.twocol-box1.superflex-content-6-12 h2");
elem.innerHTML = "new text"

选择"h "在div中使用类twocol-box1和superflex-content-6-12标记，并使用innerHTML方法更改Text

Answer 3

如果只有一个div类twocol-box1 superflex-content-6-12的子div

document.querySelector("div.twocol-box1.superflex-content-6-12 h2").innerText = "New Value"

如果不是，可以使用n -child

document.querySelector("div.twocol-box1.superflex-content-6-12:nth-child(<That Div Position>) h2").innerText = "New Value"

例如如果你想选择第二个div，那么

document.querySelector("div.twocol-box1.superflex-content-6-12:nth-child(2) h2")