DOM
DOMと表現するとき2つの意味がある
DOM要素
documentからアクセスできる
https://gyazo.com/2266c58b8a0c85b846acefe70fa94009
documentはwindow.documentの略記
console.logはwindow.console.logの略記
最上位に位置するオブジェクトが Window オブジェクトであり、 Window オブジェクトはグローバルオブジェクトです。
Window オブジェクトの下位に Document オブジェクトや Event オブジェクト等の いろいろなオブジェクトがあります。
Window インターフェイスは、 DOM 文書を収めるウィンドウを表します
https://gyazo.com/b993dcc1ef2893822e85d4ec6a579c7f
タブブラウザーでは、それぞれのタブが個々の Window オブジェクトで表されます。
DOM API
HTMLタグからDOM要素を取得したり，逆にDOM要素からHTMLタグを生成したり，DOM要素を操作するためのAPI
table:DOM要素
HTML JavaScript
内部表現 タグ DOM要素（オブジェクト）
HTMLタグをJavaScriptから操作するためには，HTMLタグをJavaScriptで扱える表現へ変換する必要がある
DOM要素を取得する必要がある
どうやって？
JavaScriptはHTMLのIDタグをDOM APIに渡すことでDOM要素を取得することができる
https://gyazo.com/4aacd14e28b50187fd022f245a8ceb44