JS-监听整个页面上的DOM树变化

Posted zjffun

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JS-监听整个页面上的DOM树变化相关的知识,希望对你有一定的参考价值。

# [在线预览](https://jsfiddle.net/1010543618/fyf913t0/) ## 方法 - 使用《Web API 接口》的《MutationObserver》 [MutationObserver](https://developer.mozilla.org/zh-CN/docs/Web/API/MutationObserver) 网上查到的很多都是使用Mutation events的,但在MDN上一查这个事件已经废弃了,并且推荐用MutationObserver替换掉 > Deprecated This feature has been removed from the Web standards. Though some browsers may still support it, it is in the process of being dropped. Avoid using it and update existing code if possible; see the compatibility table at the bottom of this page to guide your decision. Be aware that this feature may cease to work at any time. > Mutation events provide a mechanism for a web page or an extension to get notified about changes made to the DOM. Use Mutation Observers instead if possible. ```html

下述方法也可以监听使用《谷歌页面翻译》时的DOM变化

The following way also can catch changes of DOM when using Google page translation

使用MutationObserver(Using MutationObserver)

Hello Mr. Word!
```

以上是关于JS-监听整个页面上的DOM树变化的主要内容,如果未能解决你的问题,请参考以下文章

React 监听子元素dom内容高度变化

js动态监听dom变化

js监听dom元素内容变化

html css js dom树到底是啥关系

JQuery如何监听一个DIV宽高的变化?

监听 JavaScript 中的变量变化