JavaScript監聽DOM節點變化

在做jQuery插件, [自定義滾動條樣式插件] 的時候遇到了類似的需求,

需要在子節點變化時, 動态取得目前的高度, 于是找到了下面的事件:

document.addEventListener('DOMNodeInserted',function(){alert(1)},false);

document.addEventListener('DOMAttrModified',function(){alert(1)},false);

document.addEventListener('DOMNodeRemoved',function(){alert(1)},false);
           

并且子結點的變化也能監聽到, 如 ul > li > img 中, 監聽ul, 則img的增加或删除都能監聽到, 可以友善的建構你的動态插件.