ドキュメント オブジェクト モデル (DOM)
DOMの公式定義
DOM、ドキュメントオブジェクトモデル、ドキュメントオブジェクトモデル。 Web ページ內(nèi)のすべての「もの」は「オブジェクト」と考えることができます。
DOMは、W3Cによって定められたWebページの標(biāo)準(zhǔn)またはルールであり、この標(biāo)準(zhǔn)はブラウザ內(nèi)の「オブジェクト」の形で実裝されます。
DOM の公式定義: DOM は、スクリプト、動的なアクセスまたは操作、Web ページのコンテンツ、Web ページの外観、および Web ページの構(gòu)造を有効にします。
DOMの分類
Core DOM: HTMLドキュメントとXMLドキュメントの両方を操作するための共通の屬性とメソッドを提供します。
HTML DOM: HTML ドキュメントに提供される特別な屬性メソッド。
XML DOM: XML ドキュメントに提供される特別なプロパティとメソッド。
CSS DOM: CSS を操作するためのプロパティとメソッドを提供します。
イベントDOM: イベントオブジェクトモデル。例: onclick、onload など。
HTMLノードツリー
<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>php.cn</title> </head> <body > <!-- 在HTML中,稱為“標(biāo)簽” 在DOM中,稱為“節(jié)點(diǎn)” 在JS中,稱為“對象” --> <table> <tr> <td>北京市</td> <td>上海市</td> <td>深圳市</td> </tr> </table> </body> </html>
ノード関係
ルート ノード。HTML ドキュメントにはルートが 1 つだけあり、 HTMLノードです。
サブノード: 特定のノードの下位ノード。
親ノード: 特定のノードの上位ノード。
兄弟ノード: 2 つの子ノードが同じ親ノードに屬します。
DOM
documentのノードタイプは、Webページ全體を表し、HTMLマークアップを表しません。ただし、これは html ノードの親ノードです。
element 要素ノードは、任意の HTML タグを參照します。それぞれのHTMLタグを「要素ノード」と呼びます。テキスト ノードと屬性ノードを含めることができます。
attribute 屬性ノード。 HTMLタグの屬性を指します。
テキストノード。ノード ツリーの最下位ノードです。