DOMとは何か
DOM(Document Object Model)とは、HTMLやXMLのドキュメントをオブジェクト化することで、JS等の様々なプログラミング言語からのアクセスを可能するための仕組みのことである。
DOMにおいてオブジェクト化されたそれぞれの要素は”ノード”と呼ばれ、ツリー構造的に識別・格納されている。
DOMの階層構造
DOMは文書を階層構造で識別する。
<body>
<h1>ヘッダー</h1>
<ul>
<li>リスト1</li>
</ul>
<p>テキスト</p>
</body>
上のような文書の場合、<body>や<h1>などのHTML要素1つ1つがノードであり、要素内のテキストも1つのノードとして認識される。
ある要素より上のノードを親ノード、下のコードは子ノードと呼ばれる。
この階層構造のおかげで、あるノードを取得した後にその親ノードや子ノードを参照することが可能になる。
