Web/フロントエンド基盤▸Web基礎
Web: ブラウザと DOM（描画・イベント・JSからの操作）
knowledge所要 25分最新草稿
意味グラフ（この教材と内容的に近い教材・1ネスト）
例え（Analogies）
DOM＝組み上がった模型
設計図(HTML)からブラウザが組み上げた立体模型がDOM。JSはその模型の部品を後から差し替えたり、ボタンが押されたら反応させたりする。Reactは差し替えを宣言的に任せる仕組み。
概要
📍 Web/フロントエンド基盤 ▸ Web基礎 ▸ ブラウザ/DOM ｜ 種別: knowledge ｜ facts_as_of 2026-06
公式ドキュメント — knowledge
🎞 スライド
クリックで一覧（遷移しない）
出典（sources）
MDN DOM ; 2026-06確認
確認問題（Review-Questions）
クリック等に反応させるには？択一
基礎公式
解答・解説▾ 開く
addEventListener でイベントを登録する。
DOMとは何か。記述
基礎公式
解答・解説▾ 開く
ブラウザがHTMLを解釈して作る文書のツリー構造。JSから操作できる。
