onclick事件ID爲不與

Question

類

工作雖然這個工程worling：

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