天天看点

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的增加或删除都能监听到, 可以方便的构建你的动态插件.

继续阅读