onclick事件,id不能与类一起工作

时间:2017-02-02 20:35:19

标签: javascript

虽然这有效:

var lnk = document.getElementById("lnk");

lnk.onclick = function() {
    modal.style.display = "block";
}

它不再适用于class和getElementsByClassName

1 个答案:

答案 0 :(得分:2)

getElementsByClassName会返回nodeList,就像数组一样。

因此,您必须将事件绑定到列表中的每个node

var lnks = document.getElementsByClassName("lnk");
                    or
var lnks = document.querySelectorAll(".lnk");

lnks.forEach(function(elem) {
    elem.onclick = function() {
      modal.style.display = "block";
    }
});