DOM2級的変動事件DOMSubtreeModified,DOMNodeInserted,DOMNodeRemoved,DOMNodeInsertedIntoDocument...

weixin_33807284發表於2018-05-18

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屬性是被移除節點的父節點。
(下面註釋的序號為觸發的順序:)

相關文章