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(var i = 0; i < campaignInfo.length; i++) {
  ...
}