HTMLを解釈して構成される木構造のモノ

言語処理系で言うところのASTみたいなもの

JSはHTMLを直接読むのではなく、DOMを参照する

HTMLはただの入力のための指示書ぐらいのもの

Chrome DevToolsみたいなのがあると逆に誤解が起きそう

実際は、HTML→DOMと変換した後は、もうHTMLは不要なわけだけど、

ブラウザが開発者のために、わざわざDOM→HTMLという変換をして見せてくれている

devtoolだけを眺めると、「JSがHTMLを編集している」様に見えてしまう

HTML要素と一対一に対応するとも限らない

足りない要素があれば追記されたりもする ref

DOMとはなにか