javascript addEventListener多个类

时间:2017-11-18 17:40:19

标签: javascript css addeventlistener

我正在尝试将相同的事件添加到2个不同类别的元素中 我已成功将以下代码用于一个类:

    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);
    }
}

第二段代码出了什么问题?

1 个答案:

答案 0 :(得分:0)

您在下一段代码中有错误: 您使用array["BtnOptGroup", "BtnOptList"]should be ["BtnOptGroup", "BtnOptList"],我建议使用document.querySelection()代替document.getElementsByClassName(),因为它更快。