element.classlist不在客户端工作

Question

我是javascript新手。当我使用JavaScript事件我已经看到了关于element.classList。所以我已经尝试了一些代码来了解它是如何工作..

代码中，我已经做了

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（它就像一个数组）。请注意，“元素”是复数。

classList是的元素（单数）属性

你需要循环在节点列表元素并依次访问每一个的classList财产。

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