javascript - 查询选择器全部 : manipulating nodes

Question

据我所知，querySelector 返回一个真正的可变元素，而 querySelectorAll 返回一个非实时静态节点集。

我想调整适合特定选择器的所有元素的样式。它适用于 querySelector 的第一个元素，但不适用于所有 querySelectorAll 的匹配元素。我想那是因为节点集是非事件的。

有解决办法吗？还是我遗漏了什么？

Answer 1

问题是 querySelector 返回单个节点。 querySelectorAll 返回一组节点( active 意味着如果您更新它们，集合中的元素不会被删除)。您需要为每个匹配的元素设置一个样式，可能需要一个循环——您不能只为所有元素设置一次属性。

所以，你可能需要做这样的事情:

var nodes = document.querySelectorAll('div.foo');
for (var i = 0; i < nodes.length; i++) {
    nodes[i].style.color = 'blue';
}