我正在玩弄 .classList 并且我的控制台出现了一些奇怪的错误。 Here's my demo
基本上，我有一个图像数组，所有图像都带有 child 类，我正在执行 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 不是不可能的，但理想情况下我想将内容保留在类名称中。知道发生了什么事吗？
最佳答案
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);
}
关于javascript - 使用 .classList.add 时出错，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/23448711/