与 ID 不与类一起使用的 onclick 事件

Question

虽然这有效：

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

它不再适用于类和getElementsByClassName

Answer 1

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";
    }
});