如何将eventListener添加到数组的每个id?

时间:2018-01-14 16:23:15

标签: javascript

我想要的是为我拥有的每个id添加一个eventListener,如下所示:

var butn = [document.getElementById("b1"), document.getElementById("b2"), document.getElementById("b3"),
        document.getElementById("b4"), document.getElementById("b5"), document.getElementById("b6"),
        document.getElementById("b7"), document.getElementById("b8"), document.getElementById("b9")]

        butn.addEventListener("click", doSet)

如果不使用太多代码,我怎么能这样做?

2 个答案:

答案 0 :(得分:2)

您可以这样做:

var ids = ['b1', 'b2', 'b3', 'b4', 'b5'];
for (var i = 0; i < ids.length; i++) {
  document.getElementById(ids[i]).addEventListener("click", doSet);
}

答案 1 :(得分:2)

由于您的所有ID似乎都以'b'开头:

for (var i = 1; i < 10; i++) 
  document.getElementById('b' + i).addEventListener("click", doSet);