ドキュメントオブジェクトモデル (DOM)
Document Object Model (DOM) は、— ウェブページを表す HTML のように — 文書の構造をメモリー内に表現することで、ウェブページとスクリプトやプログラミング言語を接続するものです。ふつうは JavaScript を使用しますが、 HTML、 SVG、 XML などの文書をオブジェクトとしてモデリングすることはコア JavaScript 言語の一部ではありません。
DOM は文書を論理的なツリーで表現します。ツリーのそれぞれの枝はノードで終わっており、それぞれのノードがオブジェクトを含んでいます。 DOM のメソッドでプログラム的にツリーにアクセスできます。これにより、文書構造やスタイルやコンテンツを変更することができます。
ノードにはイベントハンドラーを割り当てることができます。イベントが発生すると、イベントハンドラーが実行されます。
DOM とは何であるか、どのように文書を表現するのかについてもっと学習するのであれば、 DOM 入門をご覧ください。
DOM インターフェイス
AttrCDATASectionCharacterDataChildNodeCommentCustomEventDocumentDocumentFragmentDocumentTypeDOMErrorDOMExceptionDOMImplementationDOMStringDOMTimeStampDOMStringListDOMTokenListElementEventEventTargetHTMLCollectionMutationObserverMutationRecordNamedNodeMap(en-US)NodeNodeFilter(en-US)NodeIteratorNodeListProcessingInstruction(en-US)SelectionRangeTextTextDecoderTextEncoderTimeRangesTreeWalkerURLWindowWorkerXMLDocument
廃止された DOM インターフェイス
Document Object Model は高度に単純化されてきています。このため、 DOM レベル 3 以前の仕様書にあった以下のインターフェイスは削除されています。一部が再導入されるかどうかはまだ不明ですが、当面は廃止されたと考え、使用を避けてください。
HTML DOM
HTML を含む文書は、 HTML 仕様で拡張した様々な HTML 固有の機能を含む Document インターフェイスを使用して記述されます。具体的には、 Element インターフェイスは拡張されて HTMLElement を始めとするサブクラスになっており、それぞれが要素の一つ (または深く関係した同類のもの) を表します。
HTML DOM API によって、タブやウィンドウ、 CSS スタイルやスタイルシート、ブラウザーの履歴など、様々なブラウザーの機能にアクセスすることができます。これらのインターフェイスの詳細については、 HTML DOM API (en-US) のドキュメントにあります。
SVG のインターフェイス
SVG 要素のインターフェイス
SVGAElement(en-US)SVGAltGlyphElement(en-US)SVGAltGlyphDefElement(en-US)SVGAltGlyphItemElement(en-US)SVGAnimationElement(en-US)SVGAnimateElement(en-US)SVGAnimateColorElement(en-US)SVGAnimateMotionElement(en-US)SVGAnimateTransformElement(en-US)SVGCircleElement(en-US)SVGClipPathElement(en-US)SVGComponentTransferFunctionElement(en-US)SVGCursorElement(en-US)SVGDefsElement(en-US)SVGDescElement(en-US)SVGElementSVGEllipseElement(en-US)SVGFEBlendElement(en-US)SVGFEColorMatrixElement(en-US)SVGFEComponentTransferElement(en-US)SVGFECompositeElement(en-US)SVGFEConvolveMatrixElement(en-US)SVGFEDiffuseLightingElement(en-US)SVGFEDisplacementMapElement(en-US)SVGFEDistantLightElement(en-US)SVGFEDropShadowElement(en-US)SVGFEFloodElement(en-US)SVGFEFuncAElement(en-US)SVGFEFuncBElement(en-US)SVGFEFuncGElement(en-US)SVGFEFuncRElement(en-US)SVGFEGaussianBlurElement(en-US)SVGFEImageElement(en-US)SVGFEMergeElement(en-US)SVGFEMergeNodeElement(en-US)SVGFEMorphologyElement(en-US)SVGFEOffsetElement(en-US)SVGFEPointLightElement(en-US)SVGFESpecularLightingElement(en-US)SVGFESpotLightElement(en-US)SVGFETileElement(en-US)SVGFETurbulenceElement(en-US)SVGFilterElement(en-US)SVGFilterPrimitiveStandardAttributesSVGFontElementSVGFontFaceElement(en-US)SVGFontFaceFormatElement(en-US)SVGFontFaceNameElement(en-US)SVGFontFaceSrcElement(en-US)SVGFontFaceUriElement(en-US)SVGForeignObjectElement(en-US)SVGGElement(en-US)SVGGeometryElement(en-US)SVGGlyphElement(en-US)SVGGlyphRefElement(en-US)SVGGradientElement(en-US)SVGGraphicsElementSVGHatchElementSVGHatchpathElementSVGHKernElement(en-US)SVGImageElement(en-US)SVGLinearGradientElement(en-US)SVGLineElement(en-US)SVGMarkerElement(en-US)SVGMaskElement(en-US)SVGMeshElementSVGMeshGradientElementSVGMeshpatchElementSVGMeshrowElementSVGMetadataElement(en-US)SVGMissingGlyphElement(en-US)SVGMPathElement(en-US)SVGPathElement(en-US)SVGPatternElement(en-US)SVGPolylineElement(en-US)SVGPolygonElement(en-US)SVGRadialGradientElement(en-US)SVGRectElement(en-US)SVGScriptElement(en-US)SVGSetElement(en-US)SVGStopElement(en-US)SVGStyleElement(en-US)SVGSVGElement(en-US)SVGSwitchElement(en-US)SVGSymbolElement(en-US)SVGTextContentElement(en-US)SVGTextElementSVGTextPathElement(en-US)SVGTextPositioningElement(en-US)SVGTitleElement(en-US)SVGTRefElement(en-US)SVGTSpanElement(en-US)SVGUseElement(en-US)SVGViewElement(en-US)SVGVKernElement(en-US)
SVG データ型のインターフェイス
SVG のプロパティと属性の定義で使用されるデータタイプの DOM API を次に示します。
静的型
SVGAngle(en-US)SVGColorSVGICCColorSVGElementInstanceSVGElementInstanceListSVGLength(en-US)SVGLengthList(en-US)SVGMatrix(en-US)SVGNameListSVGNumber(en-US)SVGNumberList(en-US)SVGPaintSVGPathSegSVGPathSegClosePathSVGPathSegMovetoAbsSVGPathSegMovetoRelSVGPathSegLinetoAbsSVGPathSegLinetoRelSVGPathSegCurvetoCubicAbsSVGPathSegCurvetoCubicRelSVGPathSegCurvetoQuadraticAbsSVGPathSegCurvetoQuadraticRelSVGPathSegArcAbsSVGPathSegArcRelSVGPathSegLinetoHorizontalAbsSVGPathSegLinetoHorizontalRelSVGPathSegLinetoVerticalAbsSVGPathSegLinetoVerticalRelSVGPathSegCurvetoCubicSmoothAbsSVGPathSegCurvetoCubicSmoothRelSVGPathSegCurvetoQuadraticSmoothAbsSVGPathSegCurvetoQuadraticSmoothRelSVGPathSegListSVGPoint(en-US)SVGPointList(en-US)SVGPreserveAspectRatio(en-US)SVGRectSVGStringListSVGTransform(en-US)SVGTransformList(en-US)
アニメーション型
SVGAnimatedAngle(en-US)SVGAnimatedBoolean(en-US)SVGAnimatedEnumeration(en-US)SVGAnimatedInteger(en-US)SVGAnimatedLength(en-US)SVGAnimatedLengthList(en-US)SVGAnimatedNumber(en-US)SVGAnimatedNumberList(en-US)SVGAnimatedPathDataSVGAnimatedPoints(en-US)SVGAnimatedPreserveAspectRatio(en-US)SVGAnimatedRect(en-US)SVGAnimatedString(en-US)SVGAnimatedTransformList(en-US)
SMIL 関連インターフェイス
その他 SVG インターフェイス
仕様書
| 仕様書 | 状態 | 備考 |
|---|---|---|
| DOM | 現行の標準 |