Mutation Observer API 监视 DOM 变动

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教程参考:

详细教程api

你可能感兴趣的:(Mutation Observer API 监视 DOM 变动)