Javascript 如何向数组的每个id添加eventListener？

我想要的是为我拥有的每个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)

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

---

如何在不使用太多代码的情况下做到这一点？

您可以这样做：

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)

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

---

您可以这样做：

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)

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

---

因为你所有的ID都是以“b”开头的：

---

因为你所有的ID都是以“b”开头的：