loadイベントとは
こちらより
load イベントは、ページ全体が、スタイルシートや画像などのすべての依存するリソースを含めて読み込まれたときに発生します。
とあるが、以下のhtmlの場合loadイベントが発火するときは
- 静的にhtmlで記載したタグのツリー構築完了
- イメージタグのURL先から画面読み込み完了
- 動的に追加される要素のツリー構築が完了してるかは未保障
と思われる。loadイベント発火時に要素取れなかったりするので・・・
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<h1>タイトル</h1>
<img src="xxx">
<p>vvvv</p>
<script>※body以下に要素(タグ)を動的に生成するよ！</script>
</body>
</html>
MutationObserver使ってしっかりDOMの変化を監視するのが吉