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>

このコードで 1、2、3 を警告したい。

score 2 · Accepted Answer

onloadイベントはこのようにバブルしません。ここには2つのオプションがあります。

要素をポーリングし、間隔を置いてチェックを実行します。
DOMミューテーションイベント（ブラウザーによって異なります-主にIE実装の頭痛の種）を使用してリッスンしますが、要素以外のすべてをフィルター処理する必要があるため、これにはコストがかかります。

1 に答える 1