Javascript：如何使在 function 中創建的元素可點擊

Question

嘿，我有一個問題，我不知道如何解決。 為了簡單。 我有一個腳本，它根據我從服務器獲得的內容創建元素。 目前，我創建了一個 ID 為“add”的圖像，我希望當我們單擊此圖像時觸發 function 所以我做了一個小腳本

 document.getElementById('add').onclick = function(){ alert('ADD;'); // <- For the test }

但是當Uncaught TypeError: document.getElementById(...) is null時出現問題。 我之所以這樣做，是因為我在另一個 function 中創建了這個元素，而他並不直接在 html 代碼中。 但我不知道如何解決。

Answer 1

您必須將 append 元素添加到文檔中：

document.appendChild(yourElement); 

然后你必須在你的 object 中添加一個 EventListener：

document.getElementById('add').addEventListener("click", 
function() { 
alert('test'); 
});

Answer 2

我認為您的示例不足以正確回答您，但想要您想要，您需要創建您的元素，然后將您的事件附加到該元素。 我很確定您正在嘗試在 DOM 中尚不存在的元素上設置事件