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

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值