javascript - 多个按钮的 Onclick 事件

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.
    }