为什么我们要创建一个变量来引用一个类，而不是仅仅使用Document.QuerySelector（“.class”）？

Question

const buttons = document.querySelectorAll('.button');
    buttons.forEach(button => button.addEventListener('event', function));

document.querySelectorAll('.button').forEach(button => {
    button.addEventListener('event', function)
});

谢谢你的帮助！

Answer 1

为什么我们需要先定义var，然后运行循环？

你没有。

如果要对这组元素做多件事情，您可以选择这样做（因为与GetElementsByTagName不同，QuerySelectorAll不会重用集合；每次调用它都会重新查询DOM）。但是如果你只做一件事，就没有理由不能像第二个例子中所示那样做。