javascript - for 循环无法识别 querySelectorAll？

Question

不确定这是否是导致我的项目出现错误的原因。

所以我有一堆具有相同类的 div，我通过选择它们

var CampaignInfo = document.querySelectorAll(".campaign-info-container");

现在我尝试使用 for 循环遍历它们，因为我尝试在 mouseover 和 mouseout 上向它们添加类.

循环工作得很好，但我仍然在控制台上收到错误

for(i=0; i<=campaignInfo.length;i++){
    campaignInfo[i].addEventListener("mouseover", function(e){
            mapContainer.classList.add("map-scale");
    });
    campaignInfo[i].addEventListener("mouseout", function(e){
            mapContainer.classList.remove("map-scale");
    });
}

错误如下

Uncaught TypeError: Cannot read property 'addEventListener' of undefined

知道什么可能导致此错误吗？

谢谢大家

Answer 1

您遇到了差一错误。尝试将此作为您的 for 语句:

for(var i = 0; i < campaignInfo.length; i++) {
  ...
}