DOM
DOMとは
Document Object Modelの略。
プログラムによってHTMLやXMLの文書構造やスタイルなどを変更するための仕組み。
DOMを利用することで文書の特定の部分に対して色をつけたり、大きく表示したりすることが出来る。
ノードとは
ノードはファイルの中の各要素を指す。DOMはノードを特定して文書を操作する。
ノードは階層構造に分かれており、HTMLの場合はタグやエレメント(タグで囲んだ情報)で構成されている。
<body> <!-- 親ノード --> <p> <!-- 基準ノード --> <span> <!-- 子ノード --> </span> </p> <p> <!-- 兄弟姉妹ノード --> </p>
使用例
セクション1
<section id="1"> <h1>セクション1</h1> </section> <script> // sectionタグのノードを変更 document.getElementById(1).style.background = 'red'; </script>