A system that allows JavaScript to freely access, modify, and control the content of a web page.
DOM API（Document Object Model API）とは、HTMLやXMLの文書をJavaScriptから操作できる仕組みのことです。DOM（ドキュメントオブジェクトモデル）は、Webページの構造をツリー状（木のような形）に表現していて、JavaScriptはこの構造を通して、要素の取得・変更・追加・削除・イベント処理などを行えます。
たとえば、以下のようなことが可能になります：
これらすべては、「Webページをただの静的な文書から、動きのあるインタラクティブなアプリケーションに変える」ための重要な技術です。
DOM APIは、「HTMLのタグ」や「CSSの見た目」とは異なり、ページの中身や構造をJavaScriptでリアルタイムに操作するためのツールです。
そのため、DOM APIを理解すれば、Webページを自動で書き換えたり、動的に反応させたりすることができます。