javascript - 有没有办法判断何时将 div 添加到元素？

Question

假设我在页面上有一个第三方 Twitter 小部件，只要有新推文就会不断更新。有什么方法可以确定什么时候一个新的 div 被添加到这个小部件？有没有我可以 Hook 的事件或东西(也许在小部件父 div 上)？

如果没有，我该怎么做？也许 Hook 到小部件正在进行的 ajax 调用？我怎么做？这似乎是可能的，因为 Firebug 似乎正在这样做，但我不知道是怎么做到的。

Answer 1

如果您使用的是任何一种现代浏览器，则可以使用 DOM Mutation Events 来监听节点更改。根据您的问题描述，您可能正在寻找 DOMNodeInserted .如果你必须，你可以使用可怕的 setTimeout() hack，但一般来说等待事件比等待事情发生要好。

这里是一些示例代码，因为我很无聊:

var widget = document.getElementById('mywidget');
widget.addEventListener('DOMNodeInserted', function (e) {
  if (e.target.nodeName !== 'DIV') return;
  // do some other code here
}, false);