DOMとはJavaScriptでhtmlの要素を操作するための仕組みのことだ。 JavaScriptを扱っていく上で、絶対に知らないといけない仕組みのひとつだろう。 このページではDOMの仕組みと使い方について初心者の方でもわかるように解説した。 DOMとは「Document Object Model」の略だ。直訳すると、「ドキュメントを物として扱うモデル」になる。プログラムからHTMLやXMLを自由に操作するための仕組みだ。 例えばブラウザに表示される文字の色を変更したり、大きくしたりと、Webページの見た目をプログラムで処理をしたい場合があるだろう、しかし何もしていない状態のHTMLファイルではJavaScriptから手を出す事が出来ない。そこでファイルの特定の部分に目印を付けて「この部分」に「こういう事をしたい」という処理を可能にするための取り決めがDOMである。 DOMは以下のよう
![JavaScript初心者でもすぐわかる!DOMとは何か?](https://cdn-ak-scissors.b.st-hatena.com/image/square/0b1a64efd7a30eadd52c7f27790044f0c47d2e95/height=288;version=1;width=512/https%3A%2F%2Feng-entrance.com%2Fwp-content%2Fuploads%2F2016%2F07%2Fdom.png)