javascript - 为新添加的 DOM 元素添加事件监听器

Question

如何调用通过 js 使用函数创建但不属于初始 html 的 ID

var topic1 = document.createElement("div")
document.body.appendChild(topic1)

我们尝试使用事件监听器

var ff15 = document.getElementById("topic1")
if(ff15){
    ff15.addEventListener("click", response1)
}

但是它不起作用。

Answer 1

您可以直接使用变量topic1来将事件监听器绑定(bind)到它。您不必使用 document.getElementById 再次访问该元素。

可能是这样的:

var topic1 = document.createElement("div");
topic1.innerText = "Some text";
document.body.appendChild(topic1);

topic1.addEventListener("click", function() {
  alert("Clicked");
});