多个按钮的onclick事件

Question

我有多个带有class="section_title" <span> ，我想为所有运行 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.
    }