DOM2级的変动事件DOMSubtreeModified,DOMNodeInserted,DOMNodeRemoved,DOMNodeInsertedIntoD

本文深入解析了DOM2级变动事件的7种类型,包括DOMNodeRemoved、DOMNodeRemovedFromDocument及DOMSubtreeModified等,并详细介绍了如何检测节点删除的过程,是前端开发者理解和掌握DOM事件不可或缺的指南。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

DOM变动事件的用法

DOM2级的変动事件是为XML或html的DOM设计的,不特定于某种语言。 一:变动事件的分类有7种,最常用的浏览器支持最多的有3种,下面黑体?

  1. DOMSubtreeModified:在DOM结构中发生任何变化时触发;
  2. DOMNodeInserted:在一个节点作为子节点被插入到另一个节点中时触发;
  3. DOMNodeRemoved:在节点从其父节点中被移除时触发;
  4. DOMNodeInsertedIntoDocument:在一个节点被直接插入文档中或者通过子树间接插入文档后触发。在DOMNodeInserted之后触发;
  5. DOMNodeRemovedFromDocument:在一个节点被直接从文档中删除或通过子树间接从文档中移除之前触发。在DOMNodeRemoved之后触发。
  6. DOMAttrModified:在特性被修改之后触发;
  7. DOMCharacterDataModified:在文本节点的值发生变化的时候触发。 二:删除节点检测?

首先触发的是DOMNodeRemoved事件,它对应的event对象中的target属性值是被删除的节点,relatedNode属性值是被删除节点的父节点,该事件会冒泡; 其次出发的是DOMNodeRemovedFromDocument事件,它对应的event对象中的target属性值为指定的被删除的子节点。只有绑定到它的子节点上才能被触发。 最后触发的是DOMSubtreeModified事件。这个事件对应event对象中的target属性是被移除节点的父节点。 (下面注释的序号为触发的顺序:)

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值