Javascript 单击第一次单击时未触发的事件

我的函数不会在第一次单击时启动，但会在第二次单击时启动。为什么？这是我的密码

const btn = document.querySelectorAll('#container div i');

btn.forEach(function(btn){

    btn.addEventListener('click', function(e){
      const iParent = e.target.parentElement.parentElement;

        iParent.removeChild(iParent.childNodes[0]);


    });

});

---

你把问题搞错了。它将在两次单击时都启动

第一次单击将删除

iParent

的第一个子项。这可能是一个只包含空格的文本节点，因此删除它没有明显的效果

考虑使用

子节点

而不是

子节点

。它只保存元素，而不是所有类型的节点