/**
* 观察DOM是否发变化的事件
* @type {MutationObserver|*}
*/
var MutationObserver = window.MutationObserver || window.WebKitMutationObserver || window.MozMutationObserver;
var element = document.getElementById('publicHead');
var callback = function (records){
records.map(function(record){
console.log('Mutation type: ' , record.type);
console.info('Mutation target: ' , record.target);
});
};
var mo = new MutationObserver(callback);
var option = {
'childList' : true,
'subtree' : true
};
mo.observe(element, option);
// 停止观察
//mo.disconnect();
// 追加一个DIV进去,看看触发的事件
var el = document.createElement('div');
el.innerHTML = '<p>东奔西走<br/><br/>';
element.appendChild(el);
页面上的HTML代码:
<html>
<head></head>
<body>
<div id="publicHead"></div>
</body>
</html>
本人微信: 本人QQ: