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

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 突变事件（因浏览器而异 - 主要是 IE 实现问题）来监听，尽管这会很昂贵，因为您必须过滤除元素之外的所有内容。