Javascript:如何使在函数中创建的元素可点击

Question

嘿，我有一个问题不知道怎么解决。为了变得简单。我有一个脚本，它根据我从服务器获得的内容创建元素。此刻，我创建了一个id为"的图像；添加"；我想当我们点击这个图像时触发一个功能，所以我做了一个小脚本

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

但是当未捕获类型错误时，我遇到了一个问题：document.getElementById(…(为null。我这么做是因为我在另一个函数中创建了这个元素，而他不直接在html代码中。但我不知道该怎么解决。

Answer 1

您必须将元素附加到文档中：

document.appendChild(yourElement); 

然后你必须向你的对象添加一个EventListener：

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

Answer 2

我认为您的示例不足以正确回答您的问题，但要做到您想要的，您需要创建元素，然后将事件附加到元素。我敢肯定，您正试图在DOM 中不存在的元素上设置事件