Question

我正在玩.classList而我在控制台中遇到了一些奇怪的错误。 Here's my demo

基本上，我有一个包含孩子类的图像数组，我正在做一个javascrpt .querySelectorAll来将这些图像存储在变量中以便进一步操作。

var el = document.querySelectorAll('.child');

console.log(el.classList;);
el.classList.add("someClass");

但是当我打开控制台时，我遇到了一些错误。

这篇参考.classList; 未定义这个参考.classList.add();

 Uncaught TypeError: Cannot read property 'add' of undefined

然而，当我切换到按ID查找元素时，错误消失了。现在使用ID并不是不可能的，但理想情况下我想把事情保持在类Names上。知道发生了什么事吗？

Answer 1

el是一个集合，而不是单个DOM元素。但是，classList对于数组没有多大意义。那你可能想做什么：

var product = document.getElementsByClassName('product');
var el = document.querySelectorAll('.child');
for(var i = 0; i < el.length; i++) {
    el[i].classList.add("someClass");
    console.log(el[i].classList);
}

使用.classList.add时出错

1 个答案: