单击事件不会在第一次单击时触发

Question

我的功能在第一次点击时不会触发，但在第二次点击时会触发。为什么？这是我的代码。

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]);


    });

});

Answer 1

你误认了这个问题。它会在两次点击时触发。

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

考虑使用children代替chidNodes。它只包含元素而不是所有类型的节点。