<div>元素的onchange事件,当我无法控制何时更改</div>

时间:2011-10-01 07:25:03

标签: javascript html javascript-events jquery onchange

所以这是我的问题,我在页面上有一个div元素,当某些事件发生时,它会添加其他div。我不知道这些事件何时发生,它们是如何被触发以及其他div如何被添加到主div(它的外部因此我不知道发生了什么,我可以访问的是div)。

如何“监视”主div的更改,以便在添加新div时触发事件?我知道我可以使用setInterval(这是我现在正在做的),但我真的不想使用它,除非absoluley必要。我会喜欢像表格元素一样简单的东西,但是我没有找到这样的div。

示例如果文字不清楚:

wesite.com/index.html(我唯一可以访问的内容)

<html>
<head></head>
<body>
    <div id="theDiv">
    </div>
</body>
</html>

有时我不知道div会被添加到该div中,它最终看起来像:

<html>
<head></head>
<body>
    <div id="theDiv">
        <div class="added"><p>Added Div</p></div>
        <div class="added"><p>Added Div</p></div>
        <div class="added"><p>Added Div</p></div>
        <div class="added"><p>Added Div</p></div>
        <div class="added"><p>Added Div</p></div>
    </div>
</body>
</html>

让我说我设置事件来触发警报,在这个例子中我希望每次添加一个新的div时都会看到一个警告框,所以当它看起来像我应该看到5个警告框时。

很抱歉,如果难以理解,请感谢您的帮助。

1 个答案:

答案 0 :(得分:0)

最简单的方法是拦截将子项添加到DIV的调用。这不是一个选择吗?