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

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

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

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