DOM-Document Object Model。W3C 国際組織の水標準のセットです。これはドキュメント (HTML、XML など) をツリー構造で表し、各ノードを走査、検査、変更するための属性とメソッドを定義します。
W3C 組織は、DOM を次の異なるバージョンに分割しています。
Core DOM: あらゆる構造のドキュメントを定義する標準オブジェクトのコレクション
XML DIM: XML ドキュメントの標準オブジェクトのコレクションを定義します。
HTML DOM: HTML ファイルの標準オブジェクトのコレクションを定義します。
DOM CSS: プログラム内で CSS スタイルを操作するためのインターフェイスを定義します。
DOM イベント: DOM オブジェクトにイベント処理を追加します。
HTML DOM は、HTML ドキュメントにアクセスして操作するための標準メソッドを定義します。HTML ドキュメントを要素、属性、テキストを含むツリー構造として表現し、HTML ドキュメント オブジェクトにアクセスするための属性、メソッド、イベントを定義します。
HTML ドキュメント内のすべてのコンポーネントはノードです。
ドキュメント全体がドキュメント ノードです
各 HTML タグは要素ノードです
HTML要素に含まれるテキストはテキストノードです
各 HTML 属性は属性ノードです
注釈は注釈ノードに属します
ツリーはドキュメント ノードから始まり、そこからツリーの最下位レベルにあるすべてのテキスト ノードに分岐し続けます。
DOM (オブジェクト モデル): ドキュメント オブジェクト モデル
何ができるでしょうか?
(1) 要素を取得する
(2) 要素を削除する
(3) 要素の作成
(4) ページに要素を追加します
(5) いくつかのイベントを要素にバインドする
(6) 要素の属性を取得する
(7) 要素に CSS スタイルを追加します。
DOM の中心となるオブジェクトはドキュメント オブジェクトです
ドキュメント オブジェクトはブラウザの組み込みオブジェクトのオブジェクトであり、要素を操作するために特に使用されるさまざまなメソッドが格納されます。
ノード情報の取得
各ノードには、ノードに関する情報を含む属性があります。これらのプロパティは次のとおりです。
nodeName (ノード名)
含まれる要素のタグ名は常に大文字です
要素ノードのnodeNameはラベル名です
属性ノードのnodeNameは属性名です
テキストノードのnodeNameは常に#textです
ドキュメントノードのnodeNameは常に#documentです。