将第二项添加到div时JavaScript事件处理程序不工作？

因此，基本上，当我运行这段代码时，它会向div添加一个按钮，当您按下按钮时，它会按预期移除自身

document.getElementById（“inputdiv”）.innerHTML+='X1'
document.getElementById（“删除”）.addEventListener（“单击”），函数（）{
document.getElementById（“remove”）.remove（）；
});
innerHTML
不会追加，而是重新加载完整的DOM。这就是为什么这个活动不起作用。您可以改为使用：


document.getElementById（“inputdiv”）.innerHTML+='X1'
document.getElementById（“删除”）.addEventListener（“单击”），函数（）{
document.getElementById（“remove”）.remove（）；
});
document.getElementById（“inputdiv”）.insertAdjacentHTML（'beforeend'，'X2'）；
document.getElementById（“remove2”）.addEventListener（“单击”，函数）（）{
document.getElementById（“remove2”）.remove（）；
});
谢谢你回答了我的问题