フロントエンドの用語一覧へ
このページの目次
フロントエンド中級図解あり

DOMとは?

読み方:どむ

最終更新:2026/08/18

3秒でわかる

ブラウザがHTMLを木構造のオブジェクトとして持ち直したもの。JavaScriptから要素を探して書き換え、ページを読み込み直さずに画面を変えるために使います。

30秒図解

DOMはHTMLをhtmlからbodyとtodo-listへつながる木構造にし、JavaScriptがliを追加して画面だけを書き換える
HTMLファイルはそのままでも、JavaScriptは現在のDOMへ要素を追加し、画面の状態を変えられます。

もう少し詳しく

どういうものか

DOM は Document Object Model の略で、ブラウザが読み込んだ HTML を、JavaScript から触れる木構造のオブジェクトとして持ち直したものです。 を根として