元素/对象的多个属性

6迈克尔6迈尔斯6

有人可以解释这是如何工作的吗?=> 让 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.getElementByIddocument.querySelector的任何其他元素的所有属性- 因此,它具有一个parentNode属性,属性引用它上一级的 DOM 节点。

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章