如何监听要加载的特定元素？

Question

是否可以监听要加载的特定 DOM 元素？我有一个在整个页面加载时调用的window.onload 事件，但我正在寻找一种方法来为每个加载的 DOM 元素调用它。 （onload 不会冒泡吗？）

例子：

function init() {
  alert(this.id); // Should be in context of DOM element that bubbled up when loaded
}
window.onload = init;

<div id="one">One</div>
<div id="two">One</div>
<div id="three">One</div>

我希望这段代码提醒一、二、三。

Answer 1

onload 事件不会像这样冒泡，这里有 2 个选项：

1. 轮询元素，每隔一段时间对其进行检查。
2. 使用DOM mutation events（因浏览器而异 - 主要是 IE 实现令人头疼）来收听，尽管这会很昂贵，因为您必须过滤除元素之外的所有内容其他。