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

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属性是被移除节点的父节点。
(下面注释的序号为触发的顺序:)

你可能感兴趣的:(DOM2级的変动事件DOMSubtreeModified,DOMNodeInserted,DOMNodeRemoved,DOMNodeInsertedIntoDocument)