Mutation Observer监听DOM节点属性变化

创建监听，使半透明蒙版div跟随监听的对象样式显示，隐藏。

observer = new MutationObserver(function(mutations, observer) {
    mutations.forEach(function(mutationRecord) {
        
        // 获取监听的dom节点中style为display的值赋予loading
        document.getElementById('loading').style.display = mutationRecord.target.style.getPropertyValue("display");
        // 关闭MutationObserver监听
        observer.disconnect();
    });    
});

将dom节点绑定到监听对象

// 获取想要监听的dom节点
var target = document.querySelector('id');
// 开启监听
observer.observe(target, {attributes : true, attributeFilter : ['style']});

相关连接：

Mutation Observer API

CSSStyleDeclaration