基本情報技術者
テクノロジ系
HTMLのDOMの説明として適切なものはどれか。
1.
HTMLを暗号化する技術
2.
HTMLドキュメントをツリー構造のオブジェクトとして表現するモデル
✓ 正解
3.
Webサーバとの通信プロトコル
4.
CSSのセレクタの種類
📝 解説
DOM(Document Object Model)はHTMLやXMLドキュメントをプログラムから操作するためのAPIです。ブラウザはHTMLを解析してDOMというツリー構造のオブジェクト(ノードの階層構造)をメモリ内に生成し、JavaScriptからこのDOMを操作することでWebページの要素を動的に追加・変更・削除できます。建物の設計図(CADデータ)に例えると、DOMは建物(Webページ)を「1階フロア→各部屋→室内の家具」のように階層的に管理したデジタルモデルで、このモデルを操作(部屋のレイアウト変更、家具の追加)することが実際の建物(画面表示)に反映されます。document.getElementById()やquerySelector()でノードを取得し、innerHTML・textContent・style・classList・appendChild()などで内容・スタイル・構造を変更できます。イベントリスナー(addEventListener)を使うと「クリック・キー入力・マウス移動」などのユーザー操作をDOMで捉えてJavaScriptが応答できます。誤答の「HTMLを暗号化する技術」はHTTPS・TLS、「Webサーバとの通信プロトコル」はHTTP/HTTP2、「CSSのセレクタの種類」はCSSの話でいずれもDOMとは別の概念です。「DOM=HTMLをツリー構造のオブジェクトとして表現・JavaScriptで動的操作可能」と覚えましょう!