Javascript 使用.classList.add时出错

我在玩

.classList

，我的控制台出现了一些奇怪的错误

基本上，我有一个包含child类的图像数组，我正在做一个javascrpt

.querySelectorAll

来将这些图像存储在一个变量中，以便进一步操作

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

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

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

这是一个参考

.classList
未定义
这一个参考了
.classList.add（）

然而，当我切换到按ID查找元素时，错误就消失了。现在使用ID不是不可能的，但理想情况下，我希望保持类名不变。知道发生了什么吗
 el是一个集合，而不是单个DOM元素。不过，类列表对于数组来说意义不大。那么您可能想做什么：

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);
}

var product=document.getElementsByClassName（'product'）；
var el=document.queryselectoral（'.child'）；
对于（变量i=0；i
querySelectorAll
，顾名思义，返回元素的集合。集合没有
类列表
属性。谢谢！这实际上是我需要做的更多。
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);
}