DOMはDocument Object Modelの略称です。
JSはDOMを通してHTMLファイルを操作します。DOMを理解すればWebページを自由に操作することができます。
Document： 一つのHTMLファイル
Object： HTMLファイルの全ての箇所をObjectに変換したという意味です。
Model： モデルでオブジェクト間の関係性を表す。ノードが分かればobjectを取得することができる。
Node(ノード）：webページを構成する最も基本的な部分。HTMLタグ、属性、テキストなどは全てノードと言えます。
ノードは下記の４種類に分類されます。
1 documentノード：HTMLファイル
2 要素ノード：HTMLタグ
3 属性ノード：要素の属性（例：id)
4 テキストノード：HTMLタグ内のテキスト
例：
イベント：
イベントとはユーザとブラウザの間の相互行為をイベントと言います。
例えば、ボタンをクリック、ボタンを移動、Window画面を閉じる等。。。
イベント属性の中に対応するjsコードを書けば、イベントが発生する際に、
これらのJsコードが実行されます。
しかし、HTMLファイルの中にイベントなどを書くと、コードの保守がしづらくなります。お勧めしません。scriptの中に書いてください。
