JS
DOM
読み方：ドム
Document Object Model の略。ブラウザがHTMLを操作できる部品として管理する仕組み。
やさしい説明
DOM（ドム）とは、HTMLをJavaScriptから操作するための仕組みです。
Document Object Model の略。ブラウザがHTMLを読み込むと、要素をツリー構造（木の枝のような構造）で管理します。JavaScriptはこのツリーを操作してページの内容を変更します。
図解
具体例・使い方
document.getElementById("id") → 要素を取得
element.textContent = "新しいテキスト" → テキストを変更
element.style.color = "red" → スタイルを変更
よくある疑問
Q: DOMとHTMLの違いは？
A: HTMLはファイルに書かれたコード、DOMはブラウザがHTMLを解釈して作ったオブジェクトです。
関連用語
📖 関連レッスン
レッスンを見る →