ドキュメントオブジェクトモデル (DOM)

Document Object Model (DOM) は、ウェブページとスクリプトやプログラミング言語を接続するものです。ふつうは JavaScript を意味しますが、 HTML、 SVG、 XML 文書をオブジェクトとしてモデリングすることは JavaScript 言語の一部ではありません。 DOM のモデルは文書を論理的なツリーで表現します。ツリーのそれぞれの枝はノードで終わっており、それぞれのノードがオブジェクトを含んでいます。 DOM のメソッドでプログラム的にツリーにアクセスでき、文書構造やスタイルやコンテンツを変更することができます。ノードにはイベントハンドラーを割り当てることができます。イベントが発生すると、イベントハンドラーが実行されます。

DOM の入門も利用できます。

DOM インターフェイス

廃止された DOM インターフェイス

Document Object Model は高度に単純化されてきています。このため、 DOM レベル3以前の仕様書にあった以下のインターフェイスは削除されています。一部が再導入されるかどうかはまだあまり明確ではありませんが、当面は廃止とみなされなければならないため、避けるべきです。

HTML インターフェイス

HTML を含む文書は、 HTMLDocument インターフェイスを使って記述され、 HTML 仕様書によって様々な HTML に依存した機能を含むよう拡張されています。

HTML 文書オブジェクトは、タブやウィンドウなどのブラウザーのさまざまな機能にアクセスすることもできます。このページでは、 Window インターフェイス、関連付けられたStyle (通常はCSS)、コンテキストに関連するブラウザーの履歴 History に当たります。 Selection が文書上で実行されます。

HTML 要素のインターフェイス

その他のインターフェイス

廃止済みの HTML インターフェイス

SVG のインターフェイス

SVG 要素のインターフェイス

SVG データ型のインターフェイス

SVG のプロパティと属性の定義で使用されるデータタイプの DOM API を次に示します。

静的型

アニメーション型

SMIL 関連インターフェイス

その他 SVG インターフェイス

関連情報

• DOM の例