From 43e6756b67a0be34e0bf550f37eb69052a049e52 Mon Sep 17 00:00:00 2001 From: Masahiro FUJIMOTO Date: Fri, 2 Jul 2021 23:30:54 +0900 Subject: Web/API/Document_Object_Model を更新 (#1259) MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - conflicts 版はすべて古いので、正規版のみを残して削除 - 2021/06/01 時点の英語版に同期 --- files/ja/web/api/document_object_model/index.html | 43 +++++++++-------------- 1 file changed, 16 insertions(+), 27 deletions(-) (limited to 'files/ja/web/api') diff --git a/files/ja/web/api/document_object_model/index.html b/files/ja/web/api/document_object_model/index.html index 3c27d422aa..1f4fa80338 100644 --- a/files/ja/web/api/document_object_model/index.html +++ b/files/ja/web/api/document_object_model/index.html @@ -16,17 +16,17 @@ translation_of: Web/API/Document_Object_Model ---
{{DefaultAPISidebar("DOM")}}
-

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

+

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

-

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

+

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

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

-
+

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

-

DOM インターフェイス

+

DOM インターフェイス

    @@ -57,8 +57,6 @@ translation_of: Web/API/Document_Object_Model
  • {{DOMxRef("NodeFilter")}}
  • {{DOMxRef("NodeIterator")}}
  • {{DOMxRef("NodeList")}}
  • -
  • {{DOMxRef("NonDocumentTypeChildNode")}}
  • -
  • {{DOMxRef("ParentNode")}}
  • {{DOMxRef("ProcessingInstruction")}}
  • {{DOMxRef("Selection")}} {{Experimental_Inline}}
  • {{DOMxRef("Range")}}
  • @@ -74,9 +72,9 @@ translation_of: Web/API/Document_Object_Model
-

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

+

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

-

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

+

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

    @@ -102,13 +100,13 @@ translation_of: Web/API/Document_Object_Model

    HTML DOM

    -

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

    +

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

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

    -

    SVG のインターフェイス

    +

    SVG のインターフェイス

    -

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

    +

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

      @@ -123,7 +121,6 @@ translation_of: Web/API/Document_Object_Model
    • {{DOMxRef("SVGAnimateTransformElement")}}
    • {{DOMxRef("SVGCircleElement")}}
    • {{DOMxRef("SVGClipPathElement")}}
    • -
    • {{DOMxRef("SVGColorProfileElement")}} {{Deprecated_Inline}}
    • {{DOMxRef("SVGComponentTransferFunctionElement")}}
    • {{DOMxRef("SVGCursorElement")}}
    • {{DOMxRef("SVGDefsElement")}}
    • @@ -193,7 +190,6 @@ translation_of: Web/API/Document_Object_Model
    • {{DOMxRef("SVGRectElement")}}
    • {{DOMxRef("SVGScriptElement")}}
    • {{DOMxRef("SVGSetElement")}}
    • -
    • {{DOMxRef("SVGSolidcolorElement")}} {{Experimental_Inline}}
    • {{DOMxRef("SVGStopElement")}}
    • {{DOMxRef("SVGStyleElement")}}
    • {{DOMxRef("SVGSVGElement")}}
    • @@ -207,17 +203,16 @@ translation_of: Web/API/Document_Object_Model
    • {{DOMxRef("SVGTRefElement")}} {{Deprecated_Inline}}
    • {{DOMxRef("SVGTSpanElement")}}
    • {{DOMxRef("SVGUseElement")}}
    • -
    • {{DOMxRef("SVGUnknownElement")}} {{Experimental_Inline}}
    • {{DOMxRef("SVGViewElement")}}
    • {{DOMxRef("SVGVKernElement")}} {{Deprecated_Inline}}
    -

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

    +

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

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

    -

    静的型

    +

    静的型

      @@ -264,7 +259,7 @@ translation_of: Web/API/Document_Object_Model
    -

    アニメーション型

    +

    アニメーション型

      @@ -285,7 +280,7 @@ translation_of: Web/API/Document_Object_Model
    - +
      @@ -294,7 +289,7 @@ translation_of: Web/API/Document_Object_Model
    -

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

    +

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

      @@ -304,24 +299,18 @@ translation_of: Web/API/Document_Object_Model
    • {{DOMxRef("SVGCSSRule")}} {{Deprecated_Inline}}
    • {{DOMxRef("SVGDocument")}}
    • {{DOMxRef("SVGException")}} {{Deprecated_Inline}}
    • -
    • {{DOMxRef("SVGExternalResourcesRequired")}} {{Deprecated_Inline}}
    • {{DOMxRef("SVGFitToViewBox")}}
    • -
    • {{DOMxRef("SVGLangSpace")}} {{Deprecated_Inline}}
    • {{DOMxRef("SVGLocatable")}} {{Deprecated_Inline}}
    • {{DOMxRef("SVGRenderingIntent")}} {{Deprecated_Inline}}
    • -
    • {{DOMxRef("SVGStylable")}} {{Deprecated_Inline}}
    • -
    • {{DOMxRef("SVGTests")}}
    • -
    • {{DOMxRef("SVGTransformable")}} {{Deprecated_Inline}}
    • {{DOMxRef("SVGUnitTypes")}}
    • {{DOMxRef("SVGUseElementShadowRoot")}}
    • -
    • {{DOMxRef("SVGURIReference")}}
    • {{DOMxRef("SVGViewSpec")}} {{Deprecated_Inline}}
    • {{DOMxRef("SVGZoomAndPan")}}
    • {{DOMxRef("SVGZoomEvent")}} {{Deprecated_Inline}}
    -

    仕様書

    +

    仕様書

    @@ -340,7 +329,7 @@ translation_of: Web/API/Document_Object_Model
    -

    関連情報

    +

    関連情報