有人可以解释这是如何工作的吗?=> 让 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) ;
}
}) ;
tl;dr
event.target
是启动事件的元素,parentNode
是该元素的父元素。
整个事情是这样工作的 -event
是一个包含关于被触发的事件的所有相关信息的对象,其中包括target
(事件的目标)。这是触发元素的元素(例如,被点击的按钮)。这具有您可能选择(使用document.getElementById
或document.querySelector
)的任何其他元素的所有属性- 因此,它具有一个parentNode
属性,该属性引用它上一级的 DOM 节点。
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句