Javascript:更改 div 中第一个元素的类

Question

我正在尝试更改第一个 div 的类。例如

var div1 = element.getElementsByClassName("parent")
div1.children[0].setAttribute("class", "1 2");

<div class="parent">
  <div class="1">Test</div>
  <div class="1">test</div>
  <div class="1">test</div>
</div>

但类(Class)并没有改变。知道为什么吗？谢谢:)

Answer 1

将其更改为:

div1.children[0].className = "1 2";

或者

div1.children[0].classList.add('1');
div1.children[0].classList.add('2');

顺便说一句，你应该选择更好的类名!

编辑:

var div1 = document.getElementsByClassName("parent")[0];
div1.children[0].classList.add('1');
div1.children[0].classList.add('2');