html位置发生变化监听,html监听 --- 监听html文档结构变化

/*config属性

childList：子元素的变动

attributes：属性的变动

characterData：节点内容或节点文本的变动

subtree：所有下属节点(包括子节点和子节点的子节点)的变动

attributeFilter: 监听制定属性[attrName]

record属性

type:观察的变动类型(attribute、characterData或者childList)。

target:发生变动的DOM对象。

addedNodes:新增的DOM对象。

removeNodes:删除的DOM对象。

previousSibling:前一个同级的DOM对象，如果没有则返回null。

nextSibling:下一个同级的DOM对象，如果没有就返回null。

attributeName:发生变动的属性。如果设置了attributeFilter，则只返回预先指定的属性。

oldValue:变动前的值。这个属性只对attribute和characterData变动有效，如果发生childList变动，则返回null。

observer.disconnect(); //停止监听观察

observer.takeRecord(); //清除历史监听记录*/

functionmonitor(id,method){

let MutationObserver= window.MutationObserver || window.WebKitMutationObserver || window.MozMutationObserver;//浏览器兼容

let config = { attributes: true, c