Javascript JS-为匹配querySelectorAll的所有元素添加click事件侦听器

我有li元素，我正试图向其中添加与querySelector匹配的单击事件：。侧栏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有正确的节点列表

有什么帮助吗？

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

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

循环，而i小于类数组对象的长度

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