JavaScript DOMとは何か？

DOMとは何か？
DOMとは「Document Object Model」の略です。
直訳で、「ドキュメントを物として扱うモデル」。
プログラムからHTMLやXMLを自由に操作するための仕組みだ。

####例えばブラウザに表示される文字の色を変更したり、大きくしたりと、Webページの見た目をプログラムで処理をしたい場合があるだろう、しかし何もしていない状態のHTMLファイルではJavaScriptから手を出す事が出来ない。そこでファイルの特定の部分に目印を付けて「この部分」に「こういう事をしたい」という処理を可能にするための取り決めがDOMである。

今回のでは「section-1」と「section-2」がID名にあたる。
ID名を指定するメソッドは以下のように定義されている。

####document.getElementById(id);

idはタグについているID名。
これを用いて「section-2」を取得して、その文字色を赤色に変更してみよう。

javascript

document.getElementById('section-2').style.color = 'red';

このJavaScriptをブラウザで実行すると下図のようになる。

参考：エンジニアの入り口
https://eng-entrance.com/what-is-dom