js监听HTML结构

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

  var config = { attributes: true, childList: true}//配置对象
	$(".ordertit").each(function(){
	   var _this = $(this);
	   var observer = new MutationObserver(function(mutations) {//构造函数回调
		  mutations.forEach(function(record) {
			 if(record.type == "attributes"){//监听属性
				console.log("html的属性发生了变化")
			 }
			 else if(record.type == 'childList'){//监听结构发生变化
	            $(".curr_position").append("<div id='porsche_macan' style='margin-left:100px;display:inline-block;'>html的结构发生了变化</div>");
			 }
		  });
	   });
	   observer.observe(_this[0], config);
	});