2017-01-30 6 views
0

これが私のプロジェクトのバグを引き起こしているのかどうかはわかりません。forループがquerySelectorAllを認識できませんか?

だから私は同じクラスでdiv要素の束を持っている、と私は

VAR campaignInfo = document.querySelectorAll(「キャンペーン情報・コンテナ。」)を介してそれらを選択しています。

mouseovermouseoutにそれらにクラスを追加しようとしているので、私はforループでそれらをループしようとしています。

ループは素晴らしい作品が、私はまだコンソールにエラーを取得しています

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 

このエラーの原因となることができるか任意のアイデアを下回っていますか?

ありがとうございました

+1

特定の要素が存在することを確認しましたか? if(campaignInfo [i]){ campaignInfo [i] .addEventListener(...) } – elasticman

+0

ありがとう、私のパラメータがオフだったのは 'i <= campaignInfo.length'でした。 campaignInfo.length' – giantqtipz

答えて

2

オフラインでエラーがあります。あなたのforステートメントとしてこれを試してください:

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

ありがとうございます...なぜ私はそれをキャッチしませんでした... – giantqtipz

関連する問題