SOURCE

var target=document.getElementById('target');
var i=0
var observe=new MutationObserver(function (mutations,observe) {
    i++
});
// MutationObserver的callback 是异步的，它是在所有的dom操作完成后才会调用
observe.observe(target,{ childList: true});
target.appendChild(document.createTextNode('1'));
target.appendChild(document.createTextNode('2'));
target.appendChild(document.createTextNode('3'));
console.log(i)  //i为1

<div id='target' class='block' name='target'>
    target的第一个子节点
    <p>
       <span>target的后代</span>
    </p>
</div>