DOM操作とはJSでHTMLの要素を操作することです。
1 そもそもDOMって？
DOMとは「Document Object Model」のことであり、上で話したようにJS
でHTML要素を操作することを指します。
2 windowオブジェクト
DOMを理解する上で重要なのがこのwindowオブジェクトです。
windowオブジェクトはブラウザが持っている情報を丸ごと保持しています。
console.log(window);
とすることで、windowが持つプロパティやメソッドを表示できます。
ブラウザの高さを持つプロパティや幅を持つプロパティなど様々なプロパティやメソッドが存在します。
3 Documetオブジェクト
DocumentオブジェクトはHTML表現されているコンテンツを全て保持しているオブジェクトです。
windowオブジェクトはブラウザの情報を保持しているの対し、DocumentオブジェクトはWebサイトそのものの情報を保持していると言えます。
4 まとめ
DOMはDocumentオブジェクトを通して個々の要素を取得したり操作したりできます。
次回は具体的なDOMの操作方法をまとめてみたいと思います。