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

Question

我有一个页面，其中有一堆按钮，这些按钮都有一个类(实际上是两个类，每个类之间用空格分隔；我可以使用其中一个或两个)。当用户单击此类中的这些按钮之一时，我需要调用一个函数或一段代码(在本例中假设为一个警报)。我无权访问 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