Question

有人可以解释它是如何工作的吗？ =>让li = event.target.parentNode;所以event.target是对事件的调度程序的引用，我知道.parentNode返回指定节点元素的父级，等等。但是整个事情如何一起工作？这些事情是顺序发生的，并且被加在一起还是什么？

listDiv.addEventListener("click", (event) => {
  if(event.target.tagName === "BUTTON") {
  let li = event.target.parentNode ;
  let ul = li.parentNode ;
  ul.removeChild(li) ;
}
}) ;

Answer 1

tl;dr event.target是引发事件的元素，parentNode是该元素的父元素。

整个过程是这样的-event是一个对象，其中包含与触发事件有关的所有相关信息，其中包括target（事件的目标）。这是触发该元素的元素（例如，单击的按钮）。它具有您可能选择的任何其他元素的所有属性（使用document.getElementById或document.querySelector），因此，它具有一个parentNode属性，该属性引用其上一级的DOM节点。

元素/对象上的多个属性

1 个答案: