Javascript 元素/对象上的多个属性

Javascript 元素/对象上的多个属性,javascript,html,Javascript,Html,有人能解释一下这是怎么回事吗?=>让li=event.target.parentNode;因此event.target是对事件分派器的引用,我知道.parentNode返回指定节点元素的父元素,等等。但是整个过程是如何协同工作的呢?这些事情是按顺序发生的,还是加在一起的 listDiv.addEventListenerclick,事件=>{ ifevent.target.tagName==按钮{ 让li=event.target.parentNode; 设ul=li.parentNode; u

有人能解释一下这是怎么回事吗?=>让li=event.target.parentNode;因此event.target是对事件分派器的引用,我知道.parentNode返回指定节点元素的父元素,等等。但是整个过程是如何协同工作的呢?这些事情是按顺序发生的,还是加在一起的

listDiv.addEventListenerclick,事件=>{ ifevent.target.tagName==按钮{ 让li=event.target.parentNode; 设ul=li.parentNode; ul.removeChildli; } } ; tl;dr event.target是启动事件的元素,parentNode是该元素的父元素


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

因此,基本上这是获取启动eventYep的元素的父节点,差不多是@6Michael6Myers6。因此,当您处理大量连接到元素的属性时,只需查看它们,如=>event.target.parentNode好的,让我翻转event.target,看看它返回什么好的,我现在有blah.parentNode