基本情報技術者 テクノロジ系

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で動的操作可能」と覚えましょう!

フラッシュカード形式で テクノロジ系 を練習する

🎴 練習する

テクノロジ系 の問題一覧・解説を見る →