element.classlist在客户端不起作用

Question

我是javascript的新手。当我看到有关element.classList的javascript事件的时候。所以我尝试了一些代码来了解它是如何工作的。

我已完成的代码

var n = document.getElementsByClassName('name');
var c = n.classList.add('name');
console.log(c);

它给我的错误如Uncaught TypeError: Cannot read property 'add' of undefined。

有人能指出我哪里出错吗？

Answer 1

getElementsByClassName返回一个NodeList（类似于一个数组）。请注意＆＃34;元素＆＃34;是复数。

classList是元素的一个属性（单数）

您需要循环遍历NodeList中的元素并依次访问每个元素的classList属性。

for (var i = 0; i < n.length; i++) {
    console.log( n[i].classList.add('name') );
}