回答編集履歴

1

回答

2022/06/26 03:45

投稿

think49
think49

スコア18166

test CHANGED
@@ -13,6 +13,17 @@
13
13
  jsfiddleやplunkerはiframe上に描画しており、コンソールで上記コードを叩くと、別のドキュメント(iframe要素がある文書)のli要素数を返します。
14
14
  コンソールでコードを実行する場合は、ローカルテストしてください。
15
15
 
16
+ ### 回答
17
+
18
+ > どうしてこうなってしまうのでしょうか?
19
+
20
+ DOMツリー上にオブジェクトが追加されるタイミングと描画タイミングが異なるためです。
21
+
22
+ > そしてどのようにすれば「今HTMLにある」という条件を満たした上で、数える処理にかかった時間を計測できるようになりますでしょうか。
23
+
24
+ ページの描画終了をつかまえたいのなら、loadイベントハンドラ上で実行してください。
25
+ 最も、本コード上では、DOMContentloadedや</body>手前と評価値は同じなので、loadイベントを待つ意味はないと思います。
26
+
16
27
  ### 参考情報
17
28
 
18
29
  - [domcontentLoaded load body 手前 \- Google 検索](https://www.google.com/search?q=domcontentLoaded+load+body+%E6%89%8B%E5%89%8D)