有人可以解释它是如何工作的吗? =>让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) ;
}
}) ;
答案 0 :(得分:1)
tl;dr
event.target
是引发事件的元素,parentNode
是该元素的父元素。
整个过程是这样的-event
是一个对象,其中包含与触发事件有关的所有相关信息,其中包括target
(事件的目标)。这是触发该元素的元素(例如,单击的按钮)。它具有您可能选择的任何其他元素的所有属性(使用document.getElementById
或document.querySelector
),因此,它具有一个parentNode
属性,该属性引用其上一级的DOM节点。