---
title: Document Object Model (DOM)
slug: Web/API/Document_Object_Model
tags:
  - API
  - DOM
  - NeedsTranslation
  - Overview
  - Reference
  - TopicStub
translation_of: Web/API/Document_Object_Model
---
<div>{{DefaultAPISidebar("DOM")}}</div>

<p>The <strong>Document Object Model (<em>DOM</em>)</strong> connects web pages to scripts or programming languages. Usually that means JavaScript, although modelling HTML, SVG, or XML documents as objects is not part of the JavaScript language, as such.</p>

<p>The DOM represents a document with a logical tree. Each branch of the tree ends in a node, and each node contains objects. DOM methods allow programmatic access to the tree; with them you can change the document's structure, style, or content. Nodes can also have event handlers attached to them; once an event is triggered, the event handlers get executed.</p>

<p>An <a href="/en-US/docs/Web/API/Document_Object_Model/Introduction">introduction to the DOM</a> is available.</p>

<h2 id="DOM_interfaces">DOM interfaces</h2>

<div class="index">
<ul>
	<li>{{DOMxRef("Attr")}}</li>
	<li>{{DOMxRef("CDATASection")}}</li>
	<li>{{DOMxRef("CharacterData")}}</li>
	<li>{{DOMxRef("ChildNode")}} {{Experimental_Inline}}</li>
	<li>{{DOMxRef("Comment")}}</li>
	<li>{{DOMxRef("CustomEvent")}}</li>
	<li>{{DOMxRef("Document")}}</li>
	<li>{{DOMxRef("DocumentFragment")}}</li>
	<li>{{DOMxRef("DocumentType")}}</li>
	<li>{{DOMxRef("DOMError")}} {{Deprecated_Inline}}</li>
	<li>{{DOMxRef("DOMException")}}</li>
	<li>{{DOMxRef("DOMImplementation")}}</li>
	<li>{{DOMxRef("DOMString")}}</li>
	<li>{{DOMxRef("DOMTimeStamp")}}</li>
	<li>{{DOMxRef("DOMStringList")}}</li>
	<li>{{DOMxRef("DOMTokenList")}}</li>
	<li>{{DOMxRef("Element")}}</li>
	<li>{{DOMxRef("Event")}}</li>
	<li>{{DOMxRef("EventTarget")}}</li>
	<li>{{DOMxRef("HTMLCollection")}}</li>
	<li>{{DOMxRef("MutationObserver")}}</li>
	<li>{{DOMxRef("MutationRecord")}}</li>
	<li>{{DOMxRef("NamedNodeMap")}}</li>
	<li>{{DOMxRef("Node")}}</li>
	<li>{{DOMxRef("NodeFilter")}}</li>
	<li>{{DOMxRef("NodeIterator")}}</li>
	<li>{{DOMxRef("NodeList")}}</li>
	<li>{{DOMxRef("NonDocumentTypeChildNode")}}</li>
	<li>{{DOMxRef("ParentNode")}}</li>
	<li>{{DOMxRef("ProcessingInstruction")}}</li>
	<li>{{DOMxRef("Selection")}} {{Experimental_Inline}}</li>
	<li>{{DOMxRef("Range")}}</li>
	<li>{{DOMxRef("Text")}}</li>
	<li>{{DOMxRef("TextDecoder")}} {{Experimental_Inline}}</li>
	<li>{{DOMxRef("TextEncoder")}} {{Experimental_Inline}}</li>
	<li>{{DOMxRef("TimeRanges")}}</li>
	<li>{{DOMxRef("TreeWalker")}}</li>
	<li>{{DOMxRef("URL")}}</li>
	<li>{{DOMxRef("Window")}}</li>
	<li>{{DOMxRef("Worker")}}</li>
	<li>{{DOMxRef("XMLDocument")}} {{Experimental_Inline}}</li>
</ul>
</div>

<h3 id="Obsolete_DOM_interfaces">Obsolete DOM interfaces</h3>

<p>The Document Object Model has been highly simplified. To achieve this, the following interfaces present in the different DOM level 3 or earlier specifications have been removed. It is uncertain whether some may be reintroduced in the future or not, but for the time being they should be considered obsolete and should be avoided:</p>

<div class="index">
<ul>
	<li>{{DOMxRef("DocumentTouch")}}</li>
	<li>{{DOMxRef("DOMConfiguration")}}</li>
	<li>{{DOMxRef("DOMErrorHandler")}}</li>
	<li>{{DOMxRef("DOMImplementationList")}}</li>
	<li>{{DOMxRef("DOMImplementationRegistry")}}</li>
	<li>{{DOMxRef("DOMImplementationSource")}}</li>
	<li>{{DOMxRef("DOMLocator")}}</li>
	<li>{{DOMxRef("DOMObject")}}</li>
	<li>{{DOMxRef("DOMSettableTokenList")}}</li>
	<li>{{DOMxRef("DOMUserData")}}</li>
	<li>{{DOMxRef("ElementTraversal")}}</li>
	<li>{{DOMxRef("Entity")}}</li>
	<li>{{DOMxRef("EntityReference")}}</li>
	<li>{{DOMxRef("NameList")}}</li>
	<li>{{DOMxRef("Notation")}}</li>
	<li>{{DOMxRef("TypeInfo")}}</li>
	<li>{{DOMxRef("UserDataHandler")}}</li>
</ul>
</div>

<h2 id="HTML_interfaces">HTML interfaces</h2>

<p>A document containing HTML is described using the {{DOMxRef("Document")}} interface, which is extended by the HTML specification to include various HTML-specific features.</p>

<p>An HTML document object also gives access to various features of browsers like the tab or the window, in which a page is drawn using the {{DOMxRef("Window")}} interface, the {{DOMxRef("window.style", "Style")}} associated to it (usually CSS), the history of the browser relative to the context, {{DOMxRef("window.history", "History")}}. Eventually, {{DOMxRef("Selection")}} is done on the document.</p>

<h3 id="HTML_element_interfaces">HTML element interfaces</h3>

<div class="index">
<ul>
	<li>{{DOMxRef("HTMLAnchorElement")}}</li>
	<li>{{DOMxRef("HTMLAppletElement")}} {{Obsolete_Inline}}</li>
	<li>{{DOMxRef("HTMLAreaElement")}}</li>
	<li>{{DOMxRef("HTMLAudioElement")}}</li>
	<li>{{DOMxRef("HTMLBaseElement")}}</li>
	<li>{{DOMxRef("HTMLBodyElement")}}</li>
	<li>{{DOMxRef("HTMLBRElement")}}</li>
	<li>{{DOMxRef("HTMLButtonElement")}}</li>
	<li>{{DOMxRef("HTMLCanvasElement")}}</li>
	<li>{{DOMxRef("HTMLDataElement")}}</li>
	<li>{{DOMxRef("HTMLDataListElement")}}</li>
	<li>{{DOMxRef("HTMLDialogElement")}}</li>
	<li>{{DOMxRef("HTMLDirectoryElement")}}</li>
	<li>{{DOMxRef("HTMLDivElement")}}</li>
	<li>{{DOMxRef("HTMLDListElement")}}</li>
	<li>{{DOMxRef("HTMLElement")}}</li>
	<li>{{DOMxRef("HTMLEmbedElement")}}</li>
	<li>{{DOMxRef("HTMLFieldSetElement")}}</li>
	<li>{{DOMxRef("HTMLFontElement")}}</li>
	<li>{{DOMxRef("HTMLFormElement")}}</li>
	<li>{{DOMxRef("HTMLFrameElement")}}</li>
	<li>{{DOMxRef("HTMLFrameSetElement")}}</li>
	<li>{{DOMxRef("HTMLHeadElement")}}</li>
	<li>{{DOMxRef("HTMLHeadingElement")}}</li>
	<li>{{DOMxRef("HTMLHtmlElement")}}</li>
	<li>{{DOMxRef("HTMLHRElement")}}</li>
	<li>{{DOMxRef("HTMLIFrameElement")}}</li>
	<li>{{DOMxRef("HTMLImageElement")}}</li>
	<li>{{DOMxRef("HTMLInputElement")}}</li>
	<li>{{DOMxRef("HTMLKeygenElement")}}</li>
	<li>{{DOMxRef("HTMLLabelElement")}}</li>
	<li>{{DOMxRef("HTMLLegendElement")}}</li>
	<li>{{DOMxRef("HTMLLIElement")}}</li>
	<li>{{DOMxRef("HTMLLinkElement")}}</li>
	<li>{{DOMxRef("HTMLMapElement")}}</li>
	<li>{{DOMxRef("HTMLMarqueeElement")}} {{Deprecated_Inline}}</li>
	<li>{{DOMxRef("HTMLMediaElement")}}</li>
	<li>{{DOMxRef("HTMLMenuElement")}}</li>
	<li>{{DOMxRef("HTMLMenuItemElement")}} {{Deprecated_Inline}}</li>
	<li>{{DOMxRef("HTMLMetaElement")}}</li>
	<li>{{DOMxRef("HTMLMeterElement")}}</li>
	<li>{{DOMxRef("HTMLModElement")}}</li>
	<li>{{DOMxRef("HTMLObjectElement")}}</li>
	<li>{{DOMxRef("HTMLOListElement")}}</li>
	<li>{{DOMxRef("HTMLOptGroupElement")}}</li>
	<li>{{DOMxRef("HTMLOptionElement")}}</li>
	<li>{{DOMxRef("HTMLOutputElement")}}</li>
	<li>{{DOMxRef("HTMLParagraphElement")}}</li>
	<li>{{DOMxRef("HTMLParamElement")}}</li>
	<li>{{DOMxRef("HTMLPreElement")}}</li>
	<li>{{DOMxRef("HTMLProgressElement")}}</li>
	<li>{{DOMxRef("HTMLQuoteElement")}}</li>
	<li>{{DOMxRef("HTMLScriptElement")}}</li>
	<li>{{DOMxRef("HTMLSelectElement")}}</li>
	<li>{{DOMxRef("HTMLSourceElement")}}</li>
	<li>{{DOMxRef("HTMLSpanElement")}}</li>
	<li>{{DOMxRef("HTMLStyleElement")}}</li>
	<li>{{DOMxRef("HTMLTableElement")}}</li>
	<li>{{DOMxRef("HTMLTableCaptionElement")}}</li>
	<li>{{DOMxRef("HTMLTableCellElement")}}</li>
	<li>{{DOMxRef("HTMLTableDataCellElement")}}</li>
	<li>{{DOMxRef("HTMLTableHeaderCellElement")}}</li>
	<li>{{DOMxRef("HTMLTableColElement")}}</li>
	<li>{{DOMxRef("HTMLTableRowElement")}}</li>
	<li>{{DOMxRef("HTMLTableSectionElement")}}</li>
	<li>{{DOMxRef("HTMLTextAreaElement")}}</li>
	<li>{{DOMxRef("HTMLTimeElement")}}</li>
	<li>{{DOMxRef("HTMLTitleElement")}}</li>
	<li>{{DOMxRef("HTMLTrackElement")}}</li>
	<li>{{DOMxRef("HTMLUListElement")}}</li>
	<li>{{DOMxRef("HTMLUnknownElement")}}</li>
	<li>{{DOMxRef("HTMLVideoElement")}}</li>
</ul>
</div>

<h3 id="Other_interfaces">Other interfaces</h3>

<div class="index">
<ul>
	<li>{{DOMxRef("CanvasRenderingContext2D")}}</li>
	<li>{{DOMxRef("WebGLRenderingContext")}}</li>
	<li>{{DOMxRef("CanvasGradient")}}</li>
	<li>{{DOMxRef("CanvasPattern")}}</li>
	<li>{{DOMxRef("TextMetrics")}}</li>
	<li>{{DOMxRef("ImageData")}}</li>
	<li>{{DOMxRef("CanvasPixelArray")}}</li>
	<li>{{DOMxRef("NotifyAudioAvailableEvent")}}</li>
	<li>{{DOMxRef("HTMLAllCollection")}}</li>
	<li>{{DOMxRef("HTMLFormControlsCollection")}}</li>
	<li>{{DOMxRef("HTMLOptionsCollection")}}</li>
	<li>{{DOMxRef("HTMLPropertiesCollection")}}</li>
	<li>{{DOMxRef("DOMStringMap")}}</li>
	<li>{{DOMxRef("RadioNodeList")}}</li>
	<li>{{DOMxRef("MediaError")}}</li>
</ul>
</div>

<h3 id="Obsolete_HTML_interfaces">Obsolete HTML interfaces</h3>

<div class="index">
<ul>
	<li>{{DOMxRef("HTMLBaseFontElement")}}</li>
	<li>{{DOMxRef("HTMLIsIndexElement")}}</li>
	<li>{{DOMxRef("HTMLMarqueeElement")}}</li>
	<li>{{DOMxRef("HTMLMenuItemElement")}}</li>
</ul>
</div>

<h2 id="SVG_interfaces">SVG interfaces</h2>

<h3 id="SVG_element_interfaces">SVG element interfaces</h3>

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

<h3 id="SVG_data_type_interfaces">SVG data type interfaces</h3>

<p>Here are the DOM APIs for data types used in the definitions of SVG properties and attributes.</p>

<div class="note">
<p><strong>Note:</strong> Starting in {{Gecko("5.0")}}, the following SVG-related DOM interfaces representing lists of objects are now indexable and can be accessed; in addition, they have a length property indicating the number of items in the lists: {{DOMxRef("SVGLengthList")}}, {{DOMxRef("SVGNumberList")}}, {{DOMxRef("SVGPathSegList")}}, and {{DOMxRef("SVGPointList")}}.</p>
</div>

<h4 id="Static_type">Static type</h4>

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

<h4 id="Animated_type">Animated type</h4>

<div class="index">
<ul>
	<li>{{DOMxRef("SVGAnimatedAngle")}}</li>
	<li>{{DOMxRef("SVGAnimatedBoolean")}}</li>
	<li>{{DOMxRef("SVGAnimatedEnumeration")}}</li>
	<li>{{DOMxRef("SVGAnimatedInteger")}}</li>
	<li>{{DOMxRef("SVGAnimatedLength")}}</li>
	<li>{{DOMxRef("SVGAnimatedLengthList")}}</li>
	<li>{{DOMxRef("SVGAnimatedNumber")}}</li>
	<li>{{DOMxRef("SVGAnimatedNumberList")}}</li>
	<li>{{DOMxRef("SVGAnimatedPathData")}} {{Deprecated_Inline}}</li>
	<li>{{DOMxRef("SVGAnimatedPoints")}}</li>
	<li>{{DOMxRef("SVGAnimatedPreserveAspectRatio")}}</li>
	<li>{{DOMxRef("SVGAnimatedRect")}}</li>
	<li>{{DOMxRef("SVGAnimatedString")}}</li>
	<li>{{DOMxRef("SVGAnimatedTransformList")}}</li>
</ul>
</div>

<h3 id="SMIL_related_interfaces">SMIL related interfaces</h3>

<div class="index">
<ul>
	<li>{{DOMxRef("ElementTimeControl")}}</li>
	<li>{{DOMxRef("TimeEvent")}}</li>
</ul>
</div>

<h3 id="Other_SVG_interfaces">Other SVG interfaces</h3>

<div class="index">
<ul>
	<li>{{DOMxRef("GetSVGDocument")}}</li>
	<li>{{DOMxRef("ShadowAnimation")}}</li>
	<li>{{DOMxRef("SVGColorProfileRule")}} {{Deprecated_Inline}}</li>
	<li>{{DOMxRef("SVGCSSRule")}} {{Deprecated_Inline}}</li>
	<li>{{DOMxRef("SVGDocument")}}</li>
	<li>{{DOMxRef("SVGException")}} {{Deprecated_Inline}}</li>
	<li>{{DOMxRef("SVGExternalResourcesRequired")}} {{Deprecated_Inline}}</li>
	<li>{{DOMxRef("SVGFitToViewBox")}}</li>
	<li>{{DOMxRef("SVGLangSpace")}} {{Deprecated_Inline}}</li>
	<li>{{DOMxRef("SVGLocatable")}} {{Deprecated_Inline}}</li>
	<li>{{DOMxRef("SVGRenderingIntent")}} {{Deprecated_Inline}}</li>
	<li>{{DOMxRef("SVGStylable")}} {{Deprecated_Inline}}</li>
	<li>{{DOMxRef("SVGTests")}}</li>
	<li>{{DOMxRef("SVGTransformable")}} {{Deprecated_Inline}}</li>
	<li>{{DOMxRef("SVGUnitTypes")}}</li>
	<li>{{DOMxRef("SVGUseElementShadowRoot")}}</li>
	<li>{{DOMxRef("SVGURIReference")}}</li>
	<li>{{DOMxRef("SVGViewSpec")}} {{Deprecated_Inline}}</li>
	<li>{{DOMxRef("SVGZoomAndPan")}}</li>
	<li>{{DOMxRef("SVGZoomEvent")}} {{Deprecated_Inline}}</li>
</ul>
</div>

<h2 id="Specifications">Specifications</h2>

<table class="standard-table">
	<thead>
		<tr>
			<th scope="col">Specification</th>
			<th scope="col">Status</th>
			<th scope="col">Comment</th>
		</tr>
	</thead>
	<tbody>
		<tr>
			<td>{{SpecName("DOM WHATWG")}}</td>
			<td>{{Spec2("DOM WHATWG")}}</td>
			<td> </td>
		</tr>
		<tr>
			<td>{{SpecName("DOM4")}}</td>
			<td>{{Spec2("DOM4")}}</td>
			<td> </td>
		</tr>
		<tr>
			<td>{{SpecName("DOM3 Core")}}</td>
			<td>{{Spec2("DOM3 Core")}}</td>
			<td> </td>
		</tr>
		<tr>
			<td>{{SpecName("DOM2 Core")}}</td>
			<td>{{Spec2("DOM2 Core")}}</td>
			<td>g</td>
		</tr>
		<tr>
			<td>{{SpecName("DOM1")}}</td>
			<td>{{Spec2("DOM1")}}</td>
			<td>Initial definition</td>
		</tr>
	</tbody>
</table>

<h2 id="See_also">See also</h2>

<ul>
	<li><a href="/en-US/docs/Web/API/Document_Object_Model/Examples">DOM Examples</a></li>
	<li><a href="/en-US/docs/Web/API/CSS_Object_Model">CSS Object Model (CSSOM)</a></li>
</ul>