element.classlist не работает на стороне клиента

Question

Я новичок в javascript. Когда я возглавлял с яваскриптом событиями я видел о element.classList .so я испытал некоторый код, чтобы понять, как это работает ..

кода я сделал

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 является свойством элемента (в единственном числе)

Вы должны цикла по элементам в NodeList и получить доступ к classList собственности каждого из них в свою очередь.

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