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

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 实现令人头疼的问题）来监听，尽管这会很昂贵，因为您必须过滤除元素之外的所有内容。