写js ,监控某个html标签,如果其包含的标签发生变化,发生改变就立即获取内容,不用
时间: 2023-09-30 19:03:26 浏览: 47
可以使用 MutationObserver 监听 HTML 元素的变化,以下是一个示例代码:
```js
// 监听的目标元素
const target = document.getElementById('my-element');
// 创建 MutationObserver 实例
const observer = new MutationObserver(function(mutations) {
// 当目标元素发生变化时的回调函数
mutations.forEach(function(mutation) {
// 如果子节点发生变化
if (mutation.type === 'childList') {
// 获取目标元素的内容
const content = target.textContent;
console.log('内容发生变化了,新内容是:', content);
}
});
});
// 配置 MutationObserver
const config = {
childList: true, // 监听子节点的变化
subtree: true // 监听目标元素及其子孙节点的变化
};
// 开始监听
observer.observe(target, config);
```
在上面的代码中,我们首先获取要监听的目标元素 `target`,然后创建一个 `MutationObserver` 实例 `observer`,并指定当目标元素发生变化时的回调函数。接着,我们配置 `MutationObserver`,指定监听 `childList` 和 `subtree` 两种变化,然后调用 `observer.observe()` 开始监听目标元素的变化。当目标元素的子节点发生变化时,我们就可以在回调函数中获取目标元素的内容,并进行后续的处理。