Question

我有一个包含一堆按钮的页面，这些按钮都有一个类（实际上是两个类，每个类用空格分隔;我可以使用其中一个或两个）。当用户使用此类单击其中一个按钮时，我需要调用函数或代码块（例如，对于此示例，请说alert）。我无法访问HTML，因此链接本身无法调用该函数。我不需要知道哪个按钮。我如何使用纯JavaScript（没有jQuery）？

Answer 1

你可以这样做：

var btns = document.getElementsByClassName('test');
for (var i = 0; i < btns.length; i++){
    btns[i].onclick = function(){
        alert(this.innerHTML)
    }
}

demo

Answer 2

按类循环遍历每个并绑定事件处理程序。

var elems = document.getElementsByClassName('cls');
for(var i = 0; i < elems.length; i++) {
    elems[i].onclick = function() {
        alert('Clicked');
    };
}

单击具有特定类的许多项之一时，JS调用代码块

2 个答案: