DOM

Document Object Model」を表します。

DOMは、WebページXML文書の内容にアクセスして変更するためのプログラミングインターフェースです。文書の論理構造を定義し、各分岐ノードが個々の要素を表すツリーとして扱います。プログラムスクリプトはDOMにアクセスして、文書の構造、内容、スタイルを読み取ったり変更したりできます。

DOMは、HTMLファイルとXMLファイルの構造を「ノード」と呼ばれるオブジェクトの階層に整理します。最上位にはDocumentノードがあり、文書全体を表します。次にあるのが、個々のHTMLまたはXMLのタグを表すElementノードです。Elementノード自体も、入れ子になることで階層構造を形成します。たとえば、<html>ノードは文書のルートに最も近く、<head>ノードと<body>ノードの両方を含みます。そして、それぞれが<div>要素や<p>要素のような子ノードを含みます。

DOMの各Elementノードには、そのプロパティを変更する複数のAttributeノードが含まれています。たとえば、<img>要素ノードには、srcaltwidthheightのAttributeノードを含めることができ、JavaScriptでこれらの属性を変更できます。最後に、Textノードは各要素内のテキストを保持し、文書の内容を構成します。Textノードはツリーのに当たり、その先に続く階層はありません。

DOMの階層。複数の要素と、それらの相互関係を示しています
DOMの階層。複数の要素と、それらの相互関係を示しています

JavaScript(またはその他のスクリプト言語)を使ってページのDOMにアクセスすると、動的でインタラクティブなWebページを作成できます。たとえば、ノードに取り付けたイベントハンドラーは、マウスのクリックやキーボード入力などのユーザー操作を待機し、それに応じてページの内容を変更できます。JavaScriptのイベントはDOMを使って既存のノードを削除し、新しいノードを追加できます。スクリプトはサーバー上のデータベースからデータを取得し、DOMを使ってそのデータを特定のテキスト要素に挿入できます。スクリプトはDOMを使って要素のCSSプロパティを変更し、文書の外観やレイアウトを変えることもできます。

更新日 June 22, 2023 著者: Brian P.

quiz知識をテストする

What does a software launcher do?

A
It organizes other applications into a single place for easy access.
0%
B
It opens mulitple applications at once.
0%
C
It distributes programs across mulitple systems on a network.
0%
D
It installs software from a compressed installation package.
0%
Correct! Incorrect!     View the Launcher definition.
More Quizzes →

Tech Terms コンピューター辞書

このページのDOMの定義は、TechTerms.comの著者が執筆したオリジナルの定義です。このページを参照または引用する場合は、定義の直下にある緑色の引用バーをご利用ください。

私たちの目標は、コンピューター用語をわかりやすく説明することです。すべての定義において正確さとわかりやすさを追求しています。フィードバックや新しい技術用語の提案がある場合は、お問い合わせください

Tech Terms ニュースレター

毎日または毎週のニュースレターで技術知識を高めましょう!今すぐ購読して、新しい用語やクイズをメールでお受け取りください。

無料のTechTermsニュースレターに登録する

メールの受信頻度を選択してください

各メールのリンクから、いつでも登録解除または頻度変更ができます。 ご質問はこちらからお問い合わせください。

注意:ニュースレターは英語で配信されます。