监听DOM变化

Posted 2020-10-17 Yogic

DOM变化分为以下七种：

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

 

　　举例如下：

　　　　$("#xxxx").bind(‘DOMNodeInserted‘, function(e) {  

    　　　　alert("DOM监听成功");  

　　　　});