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>要素ノードには、src、alt、width、heightのAttributeノードを含めることができ、JavaScriptでこれらの属性を変更できます。最後に、Textノードは各要素内のテキストを保持し、文書の内容を構成します。Textノードはツリーの葉に当たり、その先に続く階層はありません。
JavaScript(またはその他のスクリプト言語)を使ってページのDOMにアクセスすると、動的でインタラクティブなWebページを作成できます。たとえば、ノードに取り付けたイベントハンドラーは、マウスのクリックやキーボード入力などのユーザー操作を待機し、それに応じてページの内容を変更できます。JavaScriptのイベントはDOMを使って既存のノードを削除し、新しいノードを追加できます。スクリプトはサーバー上のデータベースからデータを取得し、DOMを使ってそのデータを特定のテキスト要素に挿入できます。スクリプトはDOMを使って要素のCSSプロパティを変更し、文書の外観やレイアウトを変えることもできます。
知識をテストする