將事件偵聽器添加到新添加的DOM元素中

Question

如何調用通過js使用函數創建的ID，但該ID並非初始html的一部分

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

我們嘗試使用事件監聽器

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

但它不起作用。

Answer 1

您可以直接使用變量topic1將事件偵聽器與其綁定。 您不必使用document.getElementById再次到達該元素。

可能如下所示：

 var topic1 = document.createElement("div"); topic1.innerText = "Some text"; document.body.appendChild(topic1); topic1.addEventListener("click", function() { alert("Clicked"); }); 

Answer 2

如果要使用getElementById ，則向div添加一個id 。

const topic1 = document.createElement('div');
topic1.id = 'topic1';
document.body.appendChild(topic1);

const item = document.getElementById('topic1');
item.addEventListener('click', () => {
  alert('what');
});

但是，如果您沒有執行其他任何操作，則可以直接使用topic1 。

topic1.addEventListener('click', () => {
  alert('what');
});