Question

我试图改变第一个div的类。 e.g。

＆＃13;

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

＆＃13;

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

＆＃13;

＆＃13; 但是班级没有改变。知道为什么吗？谢谢:)）

Answer 1

将其更改为：

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

或

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

你应该选择更好的课程名称btw！

编辑：

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

Answer 2

Jquery方式：

$(".parent > div:first").addClass("1 2");

Answer 3

＆＃13;

// getElementsByClassName return an array (it is a collection)
var allDivs = document.getElementsByClassName("root");

// in the array i need the first 
var myFirstElement = allDivs[0];

// i want first child
var myFirstChild = myFirstElement.children[0];

myFirstChild.className =  'b' ;

＆＃13;

.a{ border : solid 1px red }
.b{ border : solid 1px blue }

＆＃13;

<div class="root">
  <div class="a">Test</div>
  <div class="a">test</div>
  <div class="a">test</div>
</div>

＆＃13;

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

3 个答案: