Dom探索の基礎を詳しく解説

DOM について知る

DOMレベル

注: DOM レベル 0 標準は実際には存在しません。これは、歴史的な座標系の単なる参照点です。具体的には、IE4.0 および Netscape Navigator4.0 で元々サポートされていた DHTML を指します。

ノードタイプ

注意: 1. ノードは要素内の属性を表します。属性は実際には要素に付加されるため、DOM では属性ノードは要素の子ノードとはみなされません。ドキュメント ツリーの一部、つまり属性。ノードはそれを含む要素ノードの一部とみなされ、ドキュメント ツリー内に別個のノードとして表示されません。 2. ドキュメントフラグメントノードは、ノードを挿入する際のプレースホルダーとして機能します。 3.IE は文字定数をサポートしません (IE には Node オブジェクトがないため)。

DOMの準備完了

HTML タグは、DOM ノードになる前にブラウザーによって解析される必要があります。


DOM Ready は window.onload よりも最適化されています。

継承階層とネストルール

HTML ネストルール

ブロック要素とインライン要素のネスト ルール

• ブロック要素にはインライン要素または特定のブロック要素を含めることができますが、インライン要素にはインライン要素のみを含めることができます。

• h1~h6、p、dt などの特殊タグにはインライン要素のみを含めることができます。

---

参考資料：MOOC - DOM探索の基礎を詳しく解説