DOM : DOMの構造 – 生成AI時代のプログラミング学習

dom_dom0200_001

DOMツリーの最上位にあるオブジェクトは( A )であり、その直下のルート要素は通常 ( B ) プロパティで参照できる。

document.documentElement の子要素はふつう ( A ) 要素と ( B ) 要素の2つである。

あるノードの「親ノード」は ( A ) プロパティで参照でき、「最初の子ノード」は ( B ) で参照できる。

要素ノードのみを辿りたいときは、「最初の子要素」には ( A )、「次の兄弟要素」には ( B ) を使う。

childNodes はノード（テキストやコメントを含む）を返す ( A ) で、多くのブラウザで「ライブ」である。一方、querySelectorAll() は通常「静的な」 ( B ) を返す。

getElementsByClassName() や getElementsByTagName() が返すのは ( A ) であり、これは通常 ( B ) コレクションである。

ドキュメント内の <head> と <body> は、それぞれ ( A ) と ( B ) プロパティで簡単に参照できる。

「子ノード」をすべて（テキスト含む）取得するには ( A ) を、「子要素」だけに限定して取得するには ( B ) を用いる。

ノード種別を判定する nodeType の値で、要素ノードは ( A )、文書ノード（Document）は ( B ) である。

NodeList や HTMLCollection に配列メソッドを使いたい場合は ( A ) などで配列化する。例えば ( B ) を用いると簡単に変換できる。