Mutation Observer API 用来监视 DOM 变动。DOM 的任何变动,比如节点的增减、属性的变动、文本内容的变动,这个 API 都可以得到通知。
项目使用示例:
使用场景:
监听$(#search-qywg .k-ext-treeview)dom元素的属性变化,同时可以获取到属性变化之前的旧值。满足一定条件,执行我们自定义的操作。
var observerQywg2 = new MutationObserver(function (mutations, observerQywg) {
mutations.forEach(function (mutation) {
if (mutation.oldValue.indexOf("k-custom-visible") === -1) {
//监听class属性值变化,满足既定条件后,执行操作
}
});
});
var p = document.getElementById("search-qywg");
var treeview = p.querySelector('.k-ext-treeview');
var option = {
'attributes': true,
'attributeOldValue': true,
'attributeFilter': ['class']
};
observerQywg2.observe(treeview, option);
详细API教程参考: