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 事件不会像这样冒泡，你有两个选择:

1. 轮询元素，每隔一段时间运行一次检查。
2. 使用DOM mutation events (这因浏览器而异 - 主要是 IE 实现令人头疼)听，虽然这会很昂贵，因为你必须过滤除你的元素之外的所有内容。