javascriptからDOMを操作する

これまではjavascriptを言語仕様の目線から調べたものを書いてきました。

ここからはjavascriptから画面に表示されたHTMLを変更したり、更新したりする方法を試します。

一言で画面に表示されたHTMLといっても、javascriptがどう捉えているのか、わかったうえでプログラムを書かないと制御が難しくなります。

すべてのHTMLファイルはWindowオブジェクトを持ち、Windowオブジェクトの中にdocumentプロパティがあります。
documentプロパティはDocumentオブジェクトを参照し、このDocumentオブジェクトが画面内のコンテンツを表しています。

この時、画面内のコンテンツを表すものが、DOMと呼ばれるものです。
(DOMはDocument Object Modelの略です)