DOMとは、WebページのHTMLドキュメントの各要素をツリー構造にして表現したものです。

ブラウザがHTMLドキュメントを読み込む際に、HTML要素を読み取り、それらを親子関係に従ってツリー構造にします。このツリー構造をDOM（Document Object Model）と呼びます。

DOMは、JavaScriptによって動的に変更することができ、その結果、Webページの表示も変化します。ブラウザのWeb開発者ツールで確認することができ、それぞれの要素の属性やCSSスタイル、テキストコンテンツなどを見ることができます。

ReactやVueなどのモダンなフレームワーク・ライブラリでは、仮想DOMが採用されているため、SPAが実現できます。