Question

我有多个<span>和class="section_title"，我想为所有人设置一个独特的事件监听器，它运行一个函数onclick。我怎样才能做到这一点？（没有jQuery可以选择）

由于

Answer 1

var f = function(){
    // do something
}
var elems = document.getElementsByClassName("section_title");
for (var i=0, len=elems.length; i < len; i++) elems[i].onclick = f;

或者为了获得更广泛的兼容性，请使用.querySelectorAll()，它采用CSS类型的选择器。

var f = function(){
    // do something
}
var elems = document.querySelectorAll(".section_title");
for (var i=0, len=elems.length; i < len; i++) elems[i].onclick = f;

Answer 2

试试这个，

   <span class="yourClass"/>
   <span class="yourClass"/>

   var spanSelector= document.querySelectorAll('.yourClass');//work in all browser

    for (var i = 0, i<  spanSelector.length;  i++) {
        spanSelector[i].onClick= yourFn// where yourFn is function name that will be colled on click of span.
    }

多个按钮的Onclick事件

2 个答案: