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>

参考