javascript - JS - 为与 querySelectorAll 匹配的所有元素添加单击事件监听器

Question

我有 li 元素，我试图向其中添加与 querySelector 匹配的点击事件:.sidebar-nav li:not(.top)。我有这个代码:

var sidebarItems = document.querySelectorAll(".sidebar-nav li:not(.top)");
// For each sidebar item, register a click function
for (var i = 0; i === sidebarItems.length; i++) {
  sidebarItems[i].addEventListener("click", function() {
    console.log("fromage");
  })
};

但是，没有添加任何事件监听器。 Firefox 开发工具没有显示任何内容，当我单击某个元素时，控制台也不会记录任何内容。我检查了JS控制台，sidebarItems有正确的节点列表。

有什么帮助吗？

Answer 1

只要条件为真，for 循环就会一直循环。

您的条件是i === sidebarItems.length，因此除非长度为0，否则它永远不会为真。

循环 while i 小于小于数组对象的长度。

for (let i = 0; i < sidebarItems.length; i++) {