Javascript 使用querSelectorAll获取所有子元素并添加到其类列表时出现问题

我有两个div，每个div包含一组带有class-tm标记的元素。我想通过它们的类来区分这些元素的div，这样我就可以得到其他函数的div

我的HTML基本上是：

<div id="expensetags>
   <span class="tm-tag"></span>
   <span class="tm-tag"></span>
   <span class="tm-tag"></span>
</div>

<div id="incometags>
   <span class="tm-tag"></span>
   <span class="tm-tag"></span>
   <span class="tm-tag"></span>
</div>

不幸的是，我总是得到“未捕获的TypeError:无法读取未定义的属性'add'

---

知道我的错在哪里吗？我使用QuerySelector是否正确？

我最终使用forEach来迭代节点列表：

expenses.forEach(function(el){
  el.classList.add("expense"); })
  incomes.forEach(function(el){
    el.classList.add("income"); })
}

---

您必须迭代节点列表-没有像jquery那样的

classList

属性。顺便说一句，您可以一次性使用

queryselectoral（“#expensetags.tm tag”）

。您缺少引号，但您需要循环使用

queryselectoral

生成的节点列表，它确实存在于单个元素上。

expenses.forEach(function(el){
  el.classList.add("expense"); })
  incomes.forEach(function(el){
    el.classList.add("income"); })
}