DOMスクリプティング（ノード、ドキュメントツリー、ホワイトスペースノード含む）

DOMスクリプティングで重要なことは
セマンティックなHTMLをしっかりと書くこと
セマンティックなHTMLとはタグが持つ本来の意味に基づきながらコーディングすること。
タグが持つ本来の意味とは、

なら段落なら見出し

【ノード】
DOMではHTMLの中にある全てを「ノード」という単位で区切る。
html,body,h1,pといったHTMLタグやコメント、属性、テキスト全てが「ノード」

DOMではノードを幾つかのタイプに分類している。

タイプ	意味
要素ノード	HTMLタグを表します。DOMでは、HTMLタグのことを「要素」と呼びます。
属性ノード	タグ内に記述されている属性を表します。Aタグやhref属性やIMGタグのsrc属性などが該当します。
テキストノード	タグではない文字の部分を表す
コメントノード	コメントアウトされた部分を表す
ドキュメントノード	HTML文書全体を表す。JavaScriptでは、documentオブジェクトがドキュメントノードを参照します

【ドキュメントツリー】
ツリーの最上階はdocumentとなる。
documentとはHTML全体を表す。
その下にHTMLタグを表す要素ノードが配置される

【ホワイトスペースノード】
ドキュメントツリーの文章が何も入っていないテキストノードがあることがある。実はこのテキストノードには改行が含まれている。DOMでは、ホワイトスペース（スペース、タブ）や改行も、ドキュメントツリーを構成する際にテキストノードとして認識されます。このテキストノードのことを「ホワイトノードと呼ぶ」