参考深蓝前端
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>监听js的html</title>
</head>
<body>
<ul id="gongsi" class="gongsi">
<li>张三公司</li>
<li>李四公司</li>
<li>王二麻子公司</li>
</ul>
</body>
<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
<script type="text/javascript">
var MutationObserver = window.MutationObserver || window.WebKitMutationObserver || window.MozMutationObserver;//浏览器兼容
var config = { attributes: true, childList: true}//配置对象
$("#gongsi").each(function(){
var _this = $(this);
var observer = new MutationObserver(function(mutations) {//构造函数回调
mutations.forEach(function(record) {
if(record.type == "attributes"){//监听属性
console.log("html的属性发生了变化")
}
if(record.type == 'childList'){//监听结构发生变化
console.log("html的结构发生了变化")
}
});
});
observer.observe(_this[0], config);
});
</script>
</html>