ドキュメントオブジェクトモデル (DOM)

DOMの公式定義

DOM、ドキュメントオブジェクトモデル、ドキュメントオブジェクトモデル。 Web ページ内のすべての「もの」は「オブジェクト」と考えることができます。
DOMは、W3Cによって定められたWebページの標準またはルールであり、この標準はブラウザ内の「オブジェクト」の形で実装されます。
DOM の公式定義: DOM は、スクリプト、動的なアクセスまたは操作、Web ページのコンテンツ、Web ページの外観、および Web ページの構造を有効にします。

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中，称为“标签”
    在DOM中，称为“节点”
    在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タグの属性を指します。
テキストノード。ノードツリーの最下位ノードです。

学び続ける

新しいファイル

<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>php.cn</title> </head> <body >  <table> <tr> <td>北京市</td> <td>上海市</td> <td>深圳市</td> </tr> </table> </body> </html>

提出するリセットコード

自動運転