var MutationObserver = window.MutationObserver || window.WebKitMutationObserver || window.MozMutationObserver;

​

var list = document.querySelector('ol');

​

var Observer = new MutationObserver(function(mutations){

  mutations.forEach(function(mutation){

    console.log(mutation.type);

  });

});

​

Observer.observe(list, {attributes:true});                    //只观察目标节点的属性节点

list.setAttribute("foo","bar");        //不管foo属性存在不存在,都会触发回调函数

list.setAttribute("foo","bar");        //即使前后两次的属性值一样,还是会触发回调函数

list.removeAttribute("foo");            //移除foo属性节点,触发回调函数

list.removeAttribute("foo");            //不会触发回调函数,因为已经没有属性节点可移除了

Observer.observe(list, {attributes:true,attributeFilter:["bar"]});     

   //指定要观察的属性名

list.setAttribute("foo","bar");        //不会触发回调函数,因为attributeFilter数组不包含"foo"

list.setAttribute("bar","foo");