对于多个按钮的Onclick事件

Question

我有多个<span>与class="section_title"，我想为它们设置一个独特的事件监听器，它将运行一个函数onclick。我怎样才能做到这一点？ （preferrable无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. 
    }