是否可以使用 javascript 添加 class？ div 中没有 id 和 class

Question

看附图，我想在箭头所指的地方加一个class

谢谢。

Answer 1

您可以通过

获取所有div个元素

getElementsByTagName('div')

然后可以通过将新的 class 添加到 索引 1

处的元素来将其添加到第二个元素

document.getElementsByTagName('div')[1].classList.add('foo');

document.getElementsByTagName('div')[1].classList.add('foo');

.foo {
  background-color: purple;
}

<div>
  <div>HI
    <div>
    </div>
  </div>
</div>

Answer 2

getElementsByTagName() 方法returns文档中具有指定标签名称的所有元素的集合（不要忘记检查长度，这样就不会出现空异常）

const divs = document.getElementsByTagName('div');
if (divs.length > 1){
    divs[1].classList.add('your-class');
}

Is it possible to add a class using javascript? no id and class in the div