From 33058f2b292b3a581333bdfb21b8f671898c5060 Mon Sep 17 00:00:00 2001 From: Peter Bengtsson Date: Tue, 8 Dec 2020 14:40:17 -0500 Subject: initial commit --- files/ja/web/api/document_object_model/index.html | 348 ++++++++++++++++++++++ 1 file changed, 348 insertions(+) create mode 100644 files/ja/web/api/document_object_model/index.html (limited to 'files/ja/web/api/document_object_model/index.html') diff --git a/files/ja/web/api/document_object_model/index.html b/files/ja/web/api/document_object_model/index.html new file mode 100644 index 0000000000..3c27d422aa --- /dev/null +++ b/files/ja/web/api/document_object_model/index.html @@ -0,0 +1,348 @@ +--- +title: ドキュメントオブジェクトモデル (DOM) +slug: Web/API/Document_Object_Model +tags: + - API + - DOM + - Document + - Document Object Model + - Guide + - Overview + - Reference + - Web + - ガイド + - リファレンス +translation_of: Web/API/Document_Object_Model +--- +
{{DefaultAPISidebar("DOM")}}
+ +

Document Object Model (DOM) は、— ウェブページを表す HTML のように — 文書の構造をメモリ内に表現することで、ウェブページとスクリプトやプログラミング言語を接続するものです。ふつうは JavaScript を使用しますが、 HTML、 SVG、 XML などの文書をオブジェクトとしてモデリングすることはコア JavaScript 言語の一部ではありません。

+ +

DOM のモデルは文書を論理的なツリーで表現します。ツリーのそれぞれの枝はノードで終わっており、それぞれのノードがオブジェクトを含んでいます。 DOM のメソッドでプログラム的にツリーにアクセスできます。これにより、文書構造やスタイルやコンテンツを変更することができます。

+ +

ノードにはイベントハンドラーを割り当てることができます。イベントが発生すると、イベントハンドラーが実行されます。

+ +
+

DOM とは何であるか、どのように文書を表現するのかについてもっと学習するのであれば、 DOM 入門をご覧ください。

+
+ +

DOM インターフェイス

+ +
+ +
+ +

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

+ +

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

+ +
+ +
+ +

HTML DOM

+ +

HTML を含む文書は、 HTML 仕様で拡張した様々な HTML 固有の機能を含む {{DOMxRef("Document")}} インターフェイスを使用して記述されます。具体的には、 {{domxref("Element")}} インターフェイスは拡張されて {{domxref("HTMLElement")}} を始めとするのサブクラスになっており、それぞれが要素の一つ (または深く関係した同類のもの) を表します。

+ +

HTML DOM API によって、タブやウィンドウ、 CSS スタイルやスタイルシート、ブラウザーの履歴など、様々なブラウザーの機能にアクセスすることができます。これらのインターフェイスの詳細については、 HTML DOM API のドキュメントにあります。

+ +

SVG のインターフェイス

+ +

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

+ +
+ +
+ +

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

+ +

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

+ +

静的型

+ +
+ +
+ +

アニメーション型

+ +
+ +
+ + + +
+ +
+ +

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

+ +
+ +
+ +

仕様書

+ + + + + + + + + + + + + + + + +
仕様書状態備考
{{SpecName("DOM WHATWG")}}{{Spec2("DOM WHATWG")}}
+ +

関連情報

+ + -- cgit v1.2.3-54-g00ecf