2017-11-18 8 views
-2

私は2つの異なるクラスの要素に同じイベントを追加しようとしています。私が成功した一つのクラスのために以下のコードを使用しました
javascript addEventListener複数のクラス

var MyClass = document.getElementsByClassName("BtnOptList"); 
    for (var ii = 0; ii < MyClass.length; ii++) { 
     MyClass[ii].addEventListener('click', myFunction, false); 
    } 

を次に何が間違っている私は2クラスにイベントを追加するためにループを使用しようと試みましたが、コードは何の影響

var Classes = array["BtnOptGroup", "BtnOptList"]; 
for (var i=0; i<Classes.length; i++){ 
    var MyClass = document.getElementsByClassName(Classes[i]); 
    for (var ii = 0; ii < MyClass.length; ii++) { 
     MyClass[ii].addEventListener('click', myFunction, false); 
    } 
} 

を持っていません2番目のコードでは?

+2

コンソール –

+0

'配列[ "BtnOptGroup"、 "BtnOptList"]は' '[ "BtnOptGroup"、 "BtnOptList"]' –

+0

'配列[ "BtnOptGroup"、 "BtnOptList"]' => '[」する必要がありますチェックBtnOptGroup "、" BtnOptList "] ' –

答えて

0

あなたは、次のコードにエラーがあります: あなたはarray["BtnOptGroup", "BtnOptList"]should be ["BtnOptGroup", "BtnOptList"]を使用して、それが高速ですbecouse私は、document.querySelection()代わりのdocument.getElementsByClassName()を使用することをお勧めします。

関連する問題