//Mutation Observer API用来监听dom的变动。dom变动之后立即触发相应的事件、
//dom触发之后不会立即执行,需要等到所有的dom元素更新后才会执行回调函数
//而且只会触发一次
/**
*
* @type {MutationObserver} 实例的回调函数
*/
let observer = new MutationObserver(function () {
console.log(app.children.length);
});
/**
* observe接受两个参数,第一个是所要观察的dom,第二个是所要观察的变动类型
*/
observer.observe(app,{childList: true});
for (let i = 0; i < 100; i++) {
app.appendChild(document.createElement("p"));
}
结果如下: