Javascript addEventListener動態按鈕

Question

嗨在我的代碼中，我會添加一些動態按鈕。補充說，我加入了一個事件監聽器如下

document.querySelector("input[name='btn']").addEventListener("click", runFunction); 

但我正在逐漸「在Chrome控制檯無法調用空的方法的addEventListener」以前，我怎麼能事件聽者添加到是不是元素在平原還不存在使用Javascript？

Answer 1

嘗試做它在文件準備好。如果你使用jQuery，你可以做這樣的事情

$(function() { 

document.querySelector("input[name='btn']").addEventListener("click", runFunction); 

}); 

或

$(document).ready(function() { /* code here */ });

，如果你不使用jquery，您可以使用在window.onload或window.document.onload

Answer 2

不能添加一個偵聽尚不存在的元素。無論是在頁面（身體緊貼標籤之前）的結束或這樣執行腳本：

window.onload = function() { 
    document.querySelector("input[name='btn']").addEventListener("click", runFunction); 
}; 

document.querySelector（）返回null，如果它沒有找到該選擇器相匹配的元素，你可以不調用空對象的方法。