HTML DOM では、すべてがノードです。 DOM は、ノードのツリーとして表示される HTML です。
HTML DOM ノード 構(gòu)文
W3C の HTML DOM 標(biāo)準(zhǔn)によれば、HTML ドキュメント內(nèi)のすべてのコンテンツはノードです。
ドキュメント全體がドキュメント ノードです。
各 HTML 要素は要素ノードです
HTML 要素內(nèi)のテキストはテキスト ノードです
各 HTML 屬性は屬性ノードです
コメントはコメント ノードです
HTML DOM ノード 例
<html> <head> <meta charset="utf-8"> <title>DOM 教程</title> </head> <body> <h1>DOM 課程1</h1> <p>Hello world!</p> </body> </html>
上の HTML より:
<html> ノードには親がありません。ルート ノード
<head> であり、<body> の親は < ; html> ノード
テキスト ノード「Hello world!」の親ノードは<p> ノード
および:
<html> ノードには 2 つの子がありますノード:< ;head> ノードと <body>
<head> ノードには 2 つの子ノードがあります: <meta> ノードと <title> ノード
<title> ノード子ノードも 1 つあります: テキスト ノード "DOM チュートリアル"
<h1> および <p> ノードは兄弟ノードであり、<body>
And:# の子ノードでもあります。
## <head> 要素は <html> 要素の最初の子ノードです。<body> 要素は <html> 要素の最後の子ノードです<h1>要素は<body>要素の最初の子ノードです<p>要素は<body>要素の最後の子ノードです