abcdefg

"readyState===interactive" と "DOMContentLoaded" はDOMが読み込まれたことを示すイベントだが、 CSSの読み込みが終了しているわけではないので、Elementの色やサイズが、 最終版というわけではない。わかっていることは、Elementsの構造(親子関係)や属性のみである。

"readyState===interactive" と "DOMContentLoaded" はほぼ同じものだが、 "readyState===interactive"でDOMを書き換えて、 "DOMContentLoaded" では、DOMが完成したものを読むという使い方ができる。 いずれにしてもスタイルが適用されていると仮定はできない。