Skip to content

Latest commit

 

History

History
269 lines (239 loc) · 11.2 KB

index.md

File metadata and controls

269 lines (239 loc) · 11.2 KB
title slug l10n
ドキュメントオブジェクトモデル (DOM)
Web/API/Document_Object_Model
sourceCommit
56c76424a5edb45f6716ac4ee48861dac8e7ae38

{{DefaultAPISidebar("DOM")}}

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

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

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

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

DOM インターフェイス

  • {{DOMxRef("AbortController")}}
  • {{DOMxRef("AbortSignal")}}
  • {{DOMxRef("AbstractRange")}}
  • {{DOMxRef("Attr")}}
  • {{DOMxRef("CDATASection")}}
  • {{DOMxRef("CharacterData")}}
  • {{DOMxRef("Comment")}}
  • {{DOMxRef("CustomEvent")}}
  • {{DOMxRef("Document")}}
  • {{DOMxRef("DocumentFragment")}}
  • {{DOMxRef("DocumentType")}}
  • {{DOMxRef("DOMError")}} {{Deprecated_Inline}}
  • {{DOMxRef("DOMException")}}
  • {{DOMxRef("DOMImplementation")}}
  • {{DOMxRef("DOMParser")}}
  • {{DOMxRef("DOMPoint")}}
  • {{DOMxRef("DOMPointReadOnly")}}
  • {{DOMxRef("DOMRect")}}
  • {{DOMxRef("DOMTokenList")}}
  • {{DOMxRef("Element")}}
  • {{DOMxRef("Event")}}
  • {{DOMxRef("EventTarget")}}
  • {{DOMxRef("HTMLCollection")}}
  • {{DOMxRef("MutationObserver")}}
  • {{DOMxRef("MutationRecord")}}
  • {{DOMxRef("NamedNodeMap")}}
  • {{DOMxRef("Node")}}
  • {{DOMxRef("NodeIterator")}}
  • {{DOMxRef("NodeList")}}
  • {{DOMxRef("ProcessingInstruction")}}
  • {{DOMxRef("Range")}}
  • {{DOMxRef("StaticRange")}}
  • {{DOMxRef("Text")}}
  • {{DOMxRef("TextDecoder")}}
  • {{DOMxRef("TextEncoder")}}
  • {{DOMxRef("TimeRanges")}}
  • {{DOMxRef("TreeWalker")}}
  • {{DOMxRef("XMLDocument")}}

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

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

  • DOMConfiguration
  • DOMErrorHandler
  • DOMImplementationList
  • DOMImplementationRegistry
  • DOMImplementationSource
  • DOMLocator
  • DOMObject
  • DOMSettableTokenList
  • DOMUserData
  • ElementTraversal
  • Entity
  • EntityReference
  • NameList
  • Notation
  • TypeInfo
  • UserDataHandler

HTML DOM

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

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

SVG のインターフェイス

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

  • {{DOMxRef("SVGAElement")}}
  • {{DOMxRef("SVGAnimationElement")}}
  • {{DOMxRef("SVGAnimateElement")}}
  • {{DOMxRef("SVGAnimateColorElement")}} {{Deprecated_Inline}}
  • {{DOMxRef("SVGAnimateMotionElement")}}
  • {{DOMxRef("SVGAnimateTransformElement")}}
  • {{DOMxRef("SVGCircleElement")}}
  • {{DOMxRef("SVGClipPathElement")}}
  • {{DOMxRef("SVGComponentTransferFunctionElement")}}
  • {{DOMxRef("SVGCursorElement")}}
  • {{DOMxRef("SVGDefsElement")}}
  • {{DOMxRef("SVGDescElement")}}
  • {{DOMxRef("SVGElement")}}
  • {{DOMxRef("SVGEllipseElement")}}
  • {{DOMxRef("SVGFEBlendElement")}}
  • {{DOMxRef("SVGFEColorMatrixElement")}}
  • {{DOMxRef("SVGFEComponentTransferElement")}}
  • {{DOMxRef("SVGFECompositeElement")}}
  • {{DOMxRef("SVGFEConvolveMatrixElement")}}
  • {{DOMxRef("SVGFEDiffuseLightingElement")}}
  • {{DOMxRef("SVGFEDisplacementMapElement")}}
  • {{DOMxRef("SVGFEDistantLightElement")}}
  • {{DOMxRef("SVGFEDropShadowElement")}}
  • {{DOMxRef("SVGFEFloodElement")}}
  • {{DOMxRef("SVGFEFuncAElement")}}
  • {{DOMxRef("SVGFEFuncBElement")}}
  • {{DOMxRef("SVGFEFuncGElement")}}
  • {{DOMxRef("SVGFEFuncRElement")}}
  • {{DOMxRef("SVGFEGaussianBlurElement")}}
  • {{DOMxRef("SVGFEImageElement")}}
  • {{DOMxRef("SVGFEMergeElement")}}
  • {{DOMxRef("SVGFEMergeNodeElement")}}
  • {{DOMxRef("SVGFEMorphologyElement")}}
  • {{DOMxRef("SVGFEOffsetElement")}}
  • {{DOMxRef("SVGFEPointLightElement")}}
  • {{DOMxRef("SVGFESpecularLightingElement")}}
  • {{DOMxRef("SVGFESpotLightElement")}}
  • {{DOMxRef("SVGFETileElement")}}
  • {{DOMxRef("SVGFETurbulenceElement")}}
  • {{DOMxRef("SVGFilterElement")}}
  • {{DOMxRef("SVGFilterPrimitiveStandardAttributes")}}
  • {{DOMxRef("SVGFontElement")}} {{Deprecated_Inline}}
  • {{DOMxRef("SVGFontFaceElement")}} {{Deprecated_Inline}}
  • {{DOMxRef("SVGFontFaceFormatElement")}} {{Deprecated_Inline}}
  • {{DOMxRef("SVGFontFaceNameElement")}} {{Deprecated_Inline}}
  • {{DOMxRef("SVGFontFaceSrcElement")}} {{Deprecated_Inline}}
  • {{DOMxRef("SVGFontFaceUriElement")}} {{Deprecated_Inline}}
  • {{DOMxRef("SVGForeignObjectElement")}}
  • {{DOMxRef("SVGGElement")}}
  • {{DOMxRef("SVGGeometryElement")}}
  • {{DOMxRef("SVGGlyphElement")}} {{Deprecated_Inline}}
  • {{DOMxRef("SVGGlyphRefElement")}} {{Deprecated_Inline}}
  • {{DOMxRef("SVGGradientElement")}}
  • {{DOMxRef("SVGGraphicsElement")}}
  • {{DOMxRef("SVGHatchElement")}} {{Experimental_Inline}}
  • {{DOMxRef("SVGHatchpathElement")}} {{Experimental_Inline}}
  • {{DOMxRef("SVGHKernElement")}} {{Deprecated_Inline}}
  • {{DOMxRef("SVGImageElement")}}
  • {{DOMxRef("SVGLinearGradientElement")}}
  • {{DOMxRef("SVGLineElement")}}
  • {{DOMxRef("SVGMarkerElement")}} {{Experimental_Inline}}
  • {{DOMxRef("SVGMaskElement")}}
  • {{DOMxRef("SVGMetadataElement")}}
  • {{DOMxRef("SVGMissingGlyphElement")}} {{Deprecated_Inline}}
  • {{DOMxRef("SVGMPathElement")}}
  • {{DOMxRef("SVGPathElement")}}
  • {{DOMxRef("SVGPatternElement")}}
  • {{DOMxRef("SVGPolylineElement")}}
  • {{DOMxRef("SVGPolygonElement")}}
  • {{DOMxRef("SVGRadialGradientElement")}}
  • {{DOMxRef("SVGRectElement")}}
  • {{DOMxRef("SVGScriptElement")}}
  • {{DOMxRef("SVGSetElement")}}
  • {{DOMxRef("SVGStopElement")}}
  • {{DOMxRef("SVGStyleElement")}}
  • {{DOMxRef("SVGSVGElement")}}
  • {{DOMxRef("SVGSwitchElement")}}
  • {{DOMxRef("SVGSymbolElement")}}
  • {{DOMxRef("SVGTextContentElement")}}
  • {{DOMxRef("SVGTextElement")}}
  • {{DOMxRef("SVGTextPathElement")}}
  • {{DOMxRef("SVGTextPositioningElement")}}
  • {{DOMxRef("SVGTitleElement")}}
  • {{DOMxRef("SVGTRefElement")}} {{Deprecated_Inline}}
  • {{DOMxRef("SVGTSpanElement")}}
  • {{DOMxRef("SVGUseElement")}}
  • {{DOMxRef("SVGViewElement")}}
  • {{DOMxRef("SVGVKernElement")}} {{Deprecated_Inline}}

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

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

静的型

  • {{DOMxRef("SVGAngle")}}
  • {{DOMxRef("SVGColor")}} {{Deprecated_Inline}}
  • {{DOMxRef("SVGICCColor")}} {{Deprecated_Inline}}
  • {{DOMxRef("SVGElementInstance")}}
  • {{DOMxRef("SVGElementInstanceList")}}
  • {{DOMxRef("SVGLength")}}
  • {{DOMxRef("SVGLengthList")}}
  • {{DOMxRef("SVGNameList")}}
  • {{DOMxRef("SVGNumber")}}
  • {{DOMxRef("SVGNumberList")}}
  • {{DOMxRef("SVGPaint")}}
  • {{DOMxRef("SVGPathSeg")}} {{Deprecated_Inline}}
  • {{DOMxRef("SVGPathSegClosePath")}} {{Deprecated_Inline}}
  • {{DOMxRef("SVGPathSegMovetoAbs")}} {{Deprecated_Inline}}
  • {{DOMxRef("SVGPathSegMovetoRel")}} {{Deprecated_Inline}}
  • {{DOMxRef("SVGPathSegLinetoAbs")}} {{Deprecated_Inline}}
  • {{DOMxRef("SVGPathSegLinetoRel")}} {{Deprecated_Inline}}
  • {{DOMxRef("SVGPathSegCurvetoCubicAbs")}} {{Deprecated_Inline}}
  • {{DOMxRef("SVGPathSegCurvetoCubicRel")}} {{Deprecated_Inline}}
  • {{DOMxRef("SVGPathSegCurvetoQuadraticAbs")}} {{Deprecated_Inline}}
  • {{DOMxRef("SVGPathSegCurvetoQuadraticRel")}} {{Deprecated_Inline}}
  • {{DOMxRef("SVGPathSegArcAbs")}} {{Deprecated_Inline}}
  • {{DOMxRef("SVGPathSegArcRel")}} {{Deprecated_Inline}}
  • {{DOMxRef("SVGPathSegLinetoHorizontalAbs")}} {{Deprecated_Inline}}
  • {{DOMxRef("SVGPathSegLinetoHorizontalRel")}} {{Deprecated_Inline}}
  • {{DOMxRef("SVGPathSegLinetoVerticalAbs")}} {{Deprecated_Inline}}
  • {{DOMxRef("SVGPathSegLinetoVerticalRel")}} {{Deprecated_Inline}}
  • {{DOMxRef("SVGPathSegCurvetoCubicSmoothAbs")}} {{Deprecated_Inline}}
  • {{DOMxRef("SVGPathSegCurvetoCubicSmoothRel")}} {{Deprecated_Inline}}
  • {{DOMxRef("SVGPathSegCurvetoQuadraticSmoothAbs")}} {{Deprecated_Inline}}
  • {{DOMxRef("SVGPathSegCurvetoQuadraticSmoothRel")}} {{Deprecated_Inline}}
  • {{DOMxRef("SVGPathSegList")}} {{Deprecated_Inline}}
  • {{DOMxRef("SVGPoint")}} {{Deprecated_Inline}}
  • {{DOMxRef("SVGPointList")}} {{Deprecated_Inline}}
  • {{DOMxRef("SVGPreserveAspectRatio")}}
  • {{DOMxRef("SVGRect")}} {{Deprecated_Inline}}
  • {{DOMxRef("SVGStringList")}}
  • {{DOMxRef("SVGTransform")}}
  • {{DOMxRef("SVGTransformList")}}

アニメーション型

  • {{DOMxRef("SVGAnimatedAngle")}}
  • {{DOMxRef("SVGAnimatedBoolean")}}
  • {{DOMxRef("SVGAnimatedEnumeration")}}
  • {{DOMxRef("SVGAnimatedInteger")}}
  • {{DOMxRef("SVGAnimatedLength")}}
  • {{DOMxRef("SVGAnimatedLengthList")}}
  • {{DOMxRef("SVGAnimatedNumber")}}
  • {{DOMxRef("SVGAnimatedNumberList")}}
  • {{DOMxRef("SVGAnimatedPathData")}} {{Deprecated_Inline}}
  • {{DOMxRef("SVGAnimatedPreserveAspectRatio")}}
  • {{DOMxRef("SVGAnimatedRect")}}
  • {{DOMxRef("SVGAnimatedString")}}
  • {{DOMxRef("SVGAnimatedTransformList")}}

SMIL 関連インターフェイス

  • {{DOMxRef("ElementTimeControl")}}
  • {{DOMxRef("TimeEvent")}}

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

  • {{DOMxRef("GetSVGDocument")}}
  • {{DOMxRef("ShadowAnimation")}}
  • {{DOMxRef("SVGColorProfileRule")}} {{Deprecated_Inline}}
  • {{DOMxRef("SVGCSSRule")}} {{Deprecated_Inline}}
  • {{DOMxRef("SVGDocument")}}
  • {{DOMxRef("SVGException")}} {{Deprecated_Inline}}
  • {{DOMxRef("SVGFitToViewBox")}}
  • {{DOMxRef("SVGLocatable")}} {{Deprecated_Inline}}
  • {{DOMxRef("SVGRenderingIntent")}} {{Deprecated_Inline}}
  • {{DOMxRef("SVGUnitTypes")}}
  • {{DOMxRef("SVGUseElementShadowRoot")}}
  • {{DOMxRef("SVGViewSpec")}} {{Deprecated_Inline}}
  • {{DOMxRef("SVGZoomEvent")}} {{Deprecated_Inline}}

仕様書

{{Specifications}}

関連情報