美文网首页
js MutationObserver使用方法

js MutationObserver使用方法

作者: Hi小胡 | 来源:发表于2020-05-25 11:18 被阅读0次
//获取元素
var box = document.getElementById("box");

//配置选项
var config = { attributes: true, childList: true, subtree: true };

var observer = new MutationObserver(function (mutationsList, observer) {
    for (var mutation of mutationsList) {
        if (mutation.type == 'childList') {
            console.log('子元素被修改');
        }
        else if (mutation.type == 'attributes') {
            console.log(mutation.attributeName + '属性被修改');
        }
    }
});

//开始观测
observer.observe(box, config);

//停止观测
// observer.disconnect();

box.className = "active"
box.innerHTML = "哈哈哈"

相关文章

网友评论

      本文标题:js MutationObserver使用方法

      本文链接:https://www.haomeiwen.com/subject/dezeahtx.html