博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
监听DOM上某一个元素是否发生变化,利用MutationObserver来监听元素变化
阅读量:6721 次
发布时间:2019-06-25

本文共 733 字,大约阅读时间需要 2 分钟。

  hot3.png

/** * 观察DOM是否发变化的事件 * @type {MutationObserver|*} */var MutationObserver = window.MutationObserver || window.WebKitMutationObserver || window.MozMutationObserver;var element = document.getElementById('publicHead');var callback = function (records){    records.map(function(record){        console.log('Mutation type: ' , record.type);        console.info('Mutation target: ' , record.target);    });};var mo = new MutationObserver(callback);var option = {    'childList' : true,    'subtree' : true};mo.observe(element, option);// 停止观察//mo.disconnect();// 追加一个DIV进去,看看触发的事件var el = document.createElement('div');el.innerHTML = '

东奔西走

';element.appendChild(el);

页面上的HTML代码:

本人微信:  本人QQ:

转载于:https://my.oschina.net/lwkai/blog/3003359

你可能感兴趣的文章
(2016-09-01)SQL批量生成随机字符串
查看>>
Can you find it?
查看>>
mysql配置文件
查看>>
解决应用服务器变为集群后的Session问题
查看>>
【BZOJ】2406 矩阵
查看>>
Tcl internal variables
查看>>
springcloud文章推荐
查看>>
java分享第十四天(TestNG Assert详解)
查看>>
一个JNI的helloworld小demo
查看>>
网络编程总结
查看>>
NIC Bonding: 2 nic port as 1 interface
查看>>
动态代理--jdk和cglib
查看>>
mysql sum count 性能优化 ----测试数据22万条
查看>>
Codeforces707Div2
查看>>
SSM常用pom依赖
查看>>
Python中用datetime包进行对时间的一些操作
查看>>
Web.xml配置详解之context-param
查看>>
WIKI扫盲手册
查看>>
Javascript - ExtJs - 整合百度文章编辑器
查看>>
JS分两种数据类型,你都知道吗?
查看>>