请教怎么监听dom结构发生了改变-JavaSript-爱易网页

请教怎么监听dom结构发生了改变

日期：2014-05-16　浏览次数：20385 次

请问如何监听dom结构发生了改变？
变化包括：节点添加、修改（样式、文本改变）、移除。

<html>

<body>

<script>

	setInterval(function() {

		var div = document.createElement("div");

		div.innerHTML = +new Date;

		document.body.appendChild(div);

	}, 5000);



/* TODO */

</script>

</body>

</html>

难道只能用计时器+遍历？一周后没有答案放到非技术区散分结贴。

谢谢关注。

------解决方案--------------------

还有清洁工搞不定的js问题？？

速度围观

------解决方案--------------------
人工制造事件模型。
创造一个MyEvent对象，用来存储所有自定义事件函数
格式像这样 MyEvent[dom元素的sid属性][事件名称如onappend]=[]这个数组里存入用自定义的addMyEvent函数添加的函数。
然后dom同addMyEvent添加事件的时候，如果有sid则直接添加事件，如果没有sid则sid = 某全局变量++，然后添加事件。
之后写一个addChild()函数，代替appendChild函数，同时执行MyEvent里面存储的函数。
虽说工作量大一些。。其实也不大。。

------解决方案--------------------
来围观清洁工大哥搞不定的问题.....

自己的一个想法:
变化包括：节点添加、修改（样式、文本改变）、移除。
把所有的变化自己管理起来, 通过自己的接口做这些操作, 那监听就简单了..
------解决方案--------------------
也想知道这个问题啊，

js遍历监听数量也不是个办法吧，假如替换一个节点应该就出不来了吧

如果只是appendChild或removeChild应该可以重新这个方法制造事件，可是innerHTML这玩意就拿他没办法了啊
------解决方案--------------------
http://img.myaspx.com/Images_Myaspx_CSDN/2011021207261019908.jpg
------解决方案--------------------
能控制所有源代码的话，设置全局标识，在改变dom结构的操作之后改变标识？
愚见。愚见。
------解决方案--------------------
在firebug的 HTML页里，对一个dom点右键可以
break on attribute change
break on Child add/remove
break on element remove
这三个断点貌似包含了所有需求吧，可以把firebug解包看一下，里面都是js，说不定会有帮助
------解决方案--------------------
标准里边是定义有的这些事件貌似浏览器都不支持
mark.
------解决方案--------------------
dom 变化是浏览器解释器自身控制的结构
只能通过模拟检控

免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。

请教怎么监听dom结构发生了改变

相关资料更多>

推荐阅读更多>