Mutation Observer API 监视 DOM 变动

本文主要是介绍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 变动的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---