HTML DOM では、すべてがノードです。 DOM は、ノードのツリーとして表示される HTML です。
HTML DOM ノード 構文
W3C の HTML DOM 標準によれば、HTML ドキュメント内のすべてのコンテンツはノードです。
ドキュメント全体がドキュメント ノードです。
各 HTML 要素は要素ノードです
HTML 要素内のテキストはテキスト ノードです
各 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>要素の最後の子ノードです