DOM Reference

  • Revision slug: Gecko_DOM_Reference
  • Revision title: Gecko DOM Reference
  • Revision id: 12683
  • Created:
  • Creator: auco
  • Is current revision? No
  • Comment fixed TouchEvent Link; one or more formatting changes

Revision Content

This is the table of contents for the Gecko DOM reference.

Preface

Introduction

DOM Object References

DOM document Reference

DOM element Reference

DOM event Reference

(with subclasses UIEvent, KeyboardEvent, MouseEvent, TouchEvent)

DOM range Reference

DOM selection Reference

DOM style Reference

DOM window Reference

DOM Files

  • {{ domxref("File") }}
  • {{ domxref("FileReader") }}
  • {{ domxref("Blob") }}
  • {{ domxref("BlobBuilder") }}

DOM - Other Objects

  • {{ domxref("Attr") }}
  • {{ domxref("CDATASection") }}
  • {{ domxref("CharacterData") }}
  • {{ domxref("Comment") }}
  • {{ domxref("console") }} {{ gecko_minversion_inline("2.0") }}
  • {{ domxref("DocumentFragment") }}
  • {{ domxref("DocumentType") }}
  • {{ domxref("DomConfiguration") }} {{ unimplemented_inline() }}
  • {{ domxref("DOMError") }}
  • {{ domxref("DOMErrorHandler") }} {{ unimplemented_inline() }}
  • {{ domxref("DOMException") }}
  • {{ domxref("DOMImplementation") }}
  • {{ domxref("DOMImplementationList") }}
  • {{ domxref("DOMImplementationRegistry") }}
  • {{ domxref("DOMImplementationSource") }}
  • {{ domxref("DOMLocator") }} {{ unimplemented_inline() }}
  • {{ domxref("DOMObject") }}
  • {{ domxref("DOMString") }}
  • {{ domxref("DOMStringList") }} {{ unimplemented_inline() }}
  • {{ domxref("DOMTimeStamp") }}
  • {{ domxref("DOMUserData") }}
  • {{ domxref("Entity") }} {{ unimplemented_inline() }}
  • {{ domxref("EntityReference") }} {{ unimplemented_inline() }}
  • {{ domxref("MediaQueryList") }}
  • {{ domxref("MediaQueryListListener") }}
  • {{ domxref("NameList") }} {{ unimplemented_inline() }}
  • {{ domxref("NamedNodeMap") }}
  • {{ domxref("Node") }}
  • {{ domxref("NodeFilter") }}
  • {{ domxref("NodeIterator") }} {{ gecko_minversion_inline("1.9.1") }}
  • {{ domxref("NodeList") }}
  • {{ domxref("Notation") }} {{ unimplemented_inline() }}
  • {{ domxref("Plugin") }}
  • {{ domxref("PluginArray") }}
  • {{ domxref("ProcessingInstruction") }}
  • {{ domxref("SharedWorker") }} {{ unimplemented_inline() }}
  • {{ domxref("Text") }}
  • {{ domxref("TimeRanges") }} {{ gecko_minversion_inline("2.0") }}
  • {{ domxref("Treewalker") }}
  • {{ domxref("TypeInfo") }} {{ unimplemented_inline() }}
  • {{ domxref("UserDataHandler") }}
  • {{ domxref("Worker") }} {{ fx_minversion_inline("3") }}
  • {{ domxref("WorkerGlobalScope") }} {{ fx_minversion_inline("3") }}

HTML interfaces

{{ domxref("HTMLDocument") }} (see also {{ domxref("document") }})

HTML element interfaces

  • {{ domxref("HTMLElement") }}, directly implemented by: {{ HTMLElement("dd") }}, {{ HTMLElement("dt") }}, {{ HTMLElement("tt") }}, {{ HTMLElement("i") }}, {{ HTMLElement("b") }}, {{ HTMLElement("u") }}, {{ HTMLElement("s") }}, {{ HTMLElement("strike") }}, {{ HTMLElement("big") }}, {{ HTMLElement("small") }}, {{ HTMLElement("em") }}, {{ HTMLElement("strong") }}, {{ HTMLElement("dfn") }}, {{ HTMLElement("code") }}, {{ HTMLElement("samp") }}, {{ HTMLElement("kbd") }}, {{ HTMLElement("var") }}, {{ HTMLElement("cite") }}, {{ HTMLElement("acronym") }}, {{ HTMLElement("abbr") }}, {{ HTMLElement("sub") }}, {{ HTMLElement("sup") }}, {{ HTMLElement("bdo") }}, {{ HTMLElement("center") }}, {{ HTMLElement("address") }}, {{ HTMLElement("noframes") }}, {{ HTMLElement("wbr") }}, {{ HTMLElement("noscript") }}, {{ HTMLElement("noembed") }}, {{ HTMLElement("header") }}, {{ HTMLElement("footer") }}, {{ HTMLElement("article") }}, {{ HTMLElement("aside") }}, {{ HTMLElement("section") }}, {{ HTMLElement("nav") }}, {{ HTMLElement("figure") }}, {{ HTMLElement("figcaption") }}, {{ HTMLElement("mark") }}, {{ HTMLElement("ruby") }}, {{ HTMLElement("rt") }}, {{ HTMLElement("rp") }}
    • {{ domxref("HTMLAnchorElement") }}, implemented by: {{ HTMLElement("a") }}
    • {{ domxref("HTMLAppletElement") }}, implemented by: {{ HTMLElement("applet") }}
    • {{ domxref("HTMLAudioElement") }}, implemented by: {{ HTMLElement("audio") }}
    • {{ domxref("HTMLAreaElement") }}, implemented by: {{ HTMLElement("area") }}
    • {{ domxref("HTMLBaseElement") }}, implemented by: {{ HTMLElement("base") }}
    • {{ domxref("HTMLBaseFontElement") }}, implemented by: {{ HTMLElement("basefont") }}
    • {{ domxref("HTMLBodyElement") }}, implemented by: {{ HTMLElement("body") }}
    • {{ domxref("HTMLBRElement") }}, implemented by: {{ HTMLElement("br") }}
    • {{ domxref("HTMLButtonElement") }}, implemented by: {{ HTMLElement("button") }}
    • {{ domxref("HTMLCanvasElement") }}, implemented by: {{ HTMLElement("canvas") }}
    • {{ domxref("HTMLDirectoryElement") }}, implemented by: {{ HTMLElement("dir") }}
    • {{ domxref("HTMLDivElement") }}, implemented by: {{ HTMLElement("div") }}
    • {{ domxref("HTMLDListElement") }}, implemented by: {{ HTMLElement("dl") }}
    • {{ domxref("HTMLEmbedElement") }}, implemented by: {{ HTMLElement("embed") }}
    • {{ domxref("HTMLFieldSetElement") }}, implemented by: {{ HTMLElement("fieldset") }}
    • {{ domxref("HTMLFontElement") }}, implemented by: {{ HTMLElement("font") }}
    • {{ domxref("HTMLFormElement") }}, implemented by: {{ HTMLElement("form") }}
    • {{ domxref("HTMLFrameElement") }}, implemented by: {{ HTMLElement("frame") }}
    • {{ domxref("HTMLFrameSetElement") }}, implemented by: {{ HTMLElement("frameset") }}
    • {{ domxref("HTMLHeadElement") }}, implemented by: {{ HTMLElement("head") }}
    • {{ domxref("HTMLHeadingElement") }}, implemented by: {{ HTMLElement("h1") }}, {{ HTMLElement("h2") }}, {{ HTMLElement("h3") }}, {{ HTMLElement("h4") }}, {{ HTMLElement("h5") }}, {{ HTMLElement("h6") }}
    • {{ domxref("HTMLHtmlElement") }}, implemented by: {{ HTMLElement("html") }}
    • {{ domxref("HTMLHRElement") }}, implemented by: {{ HTMLElement("hr") }}
    • {{ domxref("HTMLIFrameElement") }}, implemented by: {{ HTMLElement("iframe") }}
    • {{ domxref("HTMLImageElement") }}, implemented by: {{ HTMLElement("img") }}
    • {{ domxref("HTMLInputElement") }}, implemented by: {{ HTMLElement("input") }}
    • {{ domxref("HTMLKeygenElement") }}, implemented by: {{ HTMLElement("keygen") }}
    • {{ domxref("HTMLLabelElement") }}, implemented by: {{ HTMLElement("label") }}
    • {{ domxref("HTMLLIElement") }}, implemented by: {{ HTMLElement("li") }}
    • {{ domxref("HTMLLinkElement") }}, implemented by: {{ HTMLElement("link") }}
    • {{ domxref("HTMLMapElement") }}, implemented by: {{ HTMLElement("map") }}
    • {{ domxref("HTMLMenuElement") }}, implemented by: {{ HTMLElement("menu") }}
    • {{ domxref("HTMLMetaElement") }}, implemented by: {{ HTMLElement("meta") }}
    • {{ domxref("HTMLModElement") }}, implemented by: {{ HTMLElement("del") }}, {{ HTMLElement("ins") }}
    • {{ domxref("HTMLObjectElement") }}, implemented by: {{ HTMLElement("object") }}
    • {{ domxref("HTMLOListElement") }}, implemented by: {{ HTMLElement("ol") }}
    • {{ domxref("HTMLOptGroupElement") }}, implemented by: {{ HTMLElement("optgroup") }}
    • {{ domxref("HTMLOptionElement") }}, implemented by: {{ HTMLElement("option") }}
    • {{ domxref("HTMLOutputElement") }}, implemented by: {{ HTMLElement("output") }}
    • {{ domxref("HTMLParagraphElement") }}, implemented by: {{ HTMLElement("p") }}
    • {{ domxref("HTMLParamElement") }}, implemented by: {{ HTMLElement("param") }}
    • {{ domxref("HTMLPreElement") }}, implemented by: {{ HTMLElement("pre") }}, {{ HTMLElement("plaintext") }}
    • {{ domxref("HTMLQuoteElement") }}, implemented by: {{ HTMLElement("q") }}, {{ HTMLElement("blockquote") }}
    • {{ domxref("HTMLScriptElement") }}, implemented by: {{ HTMLElement("script") }}
    • {{ domxref("HTMLSelectElement") }}, implemented by: {{ HTMLElement("select") }}
    • {{ domxref("HTMLSourceElement") }}, implemented by: {{ HTMLElement("source") }}
    • {{ domxref("HTMLSpanElement") }}, implemented by: {{ HTMLElement("span") }}
    • {{ domxref("HTMLStyleElement") }}, implemented by: {{ HTMLElement("style") }}
    • {{ domxref("HTMLTableElement") }}, implemented by: {{ HTMLElement("table") }}
    • {{ domxref("HTMLTableCaptionElement") }}, implemented by: {{ HTMLElement("caption") }}
    • {{ domxref("HTMLTableCellElement") }},
      • {{ domxref("HTMLTableDataCellElement") }}, implemented by: {{ HTMLElement("td") }}
      • {{ domxref("HTMLTableHeaderCellElement") }}, implemented by: {{ HTMLElement("th") }}
    • {{ domxref("HTMLTableColElement") }}, implemented by: {{ HTMLElement("col") }}, {{ HTMLElement("colgroup") }}
    • {{ domxref("HTMLTableRowElement") }}, implemented by: {{ HTMLElement("tr") }}
    • {{ domxref("HTMLTableSectionElement") }}, implemented by: {{ HTMLElement("tfoot") }}, {{ HTMLElement("thead") }}, {{ HTMLElement("tbody") }}
    • {{ domxref("HTMLTextAreaElement") }}, implemented by: {{ HTMLElement("textarea") }}
    • {{ domxref("HTMLTimeElement") }}, implemented by: {{ HTMLElement("time") }}
    • {{ domxref("HTMLTitleElement") }}, implemented by: {{ HTMLElement("title") }}
    • {{ domxref("HTMLTrackElement") }}, implemented by: {{ HTMLElement("track") }}
    • {{ domxref("HTMLUListElement") }}, implemented by: {{ HTMLElement("ul") }}
    • {{ domxref("HTMLUnknownElement") }}, implemented by: {{ HTMLElement("bgsound") }}, {{ HTMLElement("isindex") }}, {{ HTMLElement("bq") }}, {{ HTMLElement("nextid") }}, {{ HTMLElement("multicol") }}, {{ HTMLElement("spacer") }}, {{ HTMLElement("noframes") }}
    • {{ domxref("HTMLVideoElement") }}, implemented by: {{ HTMLElement("video") }}

Canvas interfaces

  • {{ domxref("HTMLCanvasElement") }}, implemented by the {{ HTMLElement("canvas") }} element.
  • {{ domxref("CanvasRenderingContext2D") }}
  • {{ domxref("CanvasGradient") }}
  • {{ domxref("CanvasPattern") }}
  • {{ domxref("TextMetrics") }}
  • {{ domxref("ImageData") }}
  • {{ domxref("CanvasPixelArray") }}

These interfaces are used for audio and video media related tasks.

  • {{ domxref("HTMLAudioElement") }}, implemented by the HTML5 {{ HTMLElement("audio") }} element.
  • {{ domxref("HTMLVideoElement") }}, implemented by the HTML5 {{ HTMLElement("video") }} element.
  • {{ domxref("NotifyAudioAvailableEvent") }}, describing an event delivered to allow scripts to have access to the audio stream's raw sample data.

Collection interfaces

{{ domxref("HTMLCollection") }}, {{ domxref("HTMLAllCollection") }}, {{ domxref("HTMLFormControlsCollection") }}, {{ domxref("HTMLOptionsCollection") }}, {{ domxref("HTMLPropertiesCollection") }}

Other HTML interfaces

{{ domxref("DOMTokenList") }}, {{ domxref("DOMSettableTokenList") }}, {{ domxref("DOMStringMap") }}, {{ domxref("RadioNodeList") }}

SVG interfaces

{{ domxref("SVGDocument") }} (see also {{ domxref("document") }})

SVG element interfaces

  • {{ domxref("SVGElement") }} : All SVG elements implement this interface
    • {{ domxref("SVGAElement") }}, implemented by: {{ SVGElement("a") }}
    • {{ domxref("SVGAltGlyphElement") }}, implemented by: {{ SVGElement("altGlyph") }}
    • {{ domxref("SVGAltGlyphDefElement") }}, implemented by: {{ SVGElement("altGlyphDef") }}
    • {{ domxref("SVGAltGlyphItemElement") }}, implemented by: {{ SVGElement("altGlyphItem") }}
    • {{ domxref("SVGAnimationElement") }}
      • {{ domxref("SVGAnimateElement") }}, implemented by: {{ SVGElement("animate") }}
      • {{ domxref("SVGAnimateColorElement") }}, implemented by: {{ SVGElement("animateColor") }}
      • {{ domxref("SVGAnimateMotionElement") }}, implemented by: {{ SVGElement("animateMotion") }}
      • {{ domxref("SVGAnimateTransformElement") }}, implemented by: {{ SVGElement("animateTransform") }}
      • {{ domxref("SVGSetElement") }}, implemented by: {{ SVGElement("set") }}
    • {{ domxref("SVGCircleElement") }}, implemented by: {{ SVGElement("circle") }}
    • {{ domxref("SVGClipPathElement") }}, implemented by: {{ SVGElement("path") }}
    • {{ domxref("SVGColorProfileElement") }}, implemented by: {{ SVGElement("color-profile") }}
    • {{ domxref("SVGCursorElement") }}, implemented by: {{ SVGElement("cursor") }}
    • {{ domxref("SVGDefsElement") }}, implemented by: {{ SVGElement("defs") }}
    • {{ domxref("SVGDescElement") }}, implemented by: {{ SVGElement("desc") }}
    • {{ domxref("SVGEllipseElement") }}, implemented by: {{ SVGElement("ellipse") }}
    • {{ domxref("SVGFilterElement") }}, implemented by: {{ SVGElement("filter") }}
    • {{ domxref("SVGFilterPrimitiveStandardAttributes") }}
      • {{ domxref("SVGFEBlendElement") }}, implemented by: {{ SVGElement("feBlend") }}
      • {{ domxref("SVGFEColorMatrixElement") }}, implemented by: {{ SVGElement("feColorMatrix") }}
      • {{ domxref("SVGFEComponentTransferElement") }}, implemented by: {{ SVGElement("feComponentTransfer") }}
      • {{ domxref("SVGFECompositeElement") }}, implemented by: {{ SVGElement("feComposite") }}
      • {{ domxref("SVGFEConvolveMatrixElement") }}, implemented by: {{ SVGElement("feConvolveMatrix") }}
      • {{ domxref("SVGFEDiffuseLightingElement") }}, implemented by: {{ SVGElement("feDiffuseLighting") }}
      • {{ domxref("SVGFEDisplacementMapElement") }}, implemented by: {{ SVGElement("feDisplacementMap") }}
      • {{ domxref("SVGFEDistantLightElement") }}, implemented by: {{ SVGElement("feDistantLight") }}
      • {{ domxref("SVGFEFloodElement") }}, implemented by: {{ SVGElement("feFlood") }}
      • {{ domxref("SVGFEGaussianBlurElement") }}, implemented by: {{ SVGElement("feGaussianBlur") }}
      • {{ domxref("SVGFEImageElement") }}, implemented by: {{ SVGElement("feImage") }}
      • {{ domxref("SVGFEMergeElement") }}, implemented by: {{ SVGElement("feMerge") }}
      • {{ domxref("SVGFEMergeNodeElement") }}, implemented by: {{ SVGElement("feMergeNode") }}
      • {{ domxref("SVGFEMorphologyElement") }}, implemented by: {{ SVGElement("feMorphology") }}
      • {{ domxref("SVGFEOffsetElement") }}, implemented by: {{ SVGElement("feOffset") }}
      • {{ domxref("SVGFEPointLightElement") }}, implemented by: {{ SVGElement("fePointLight") }}
      • {{ domxref("SVGFESpecularLightingElement") }}, implemented by: {{ SVGElement("feSpecularLighting") }}
      • {{ domxref("SVGFESpotLightElement") }}, implemented by: {{ SVGElement("feSpotLight") }}
      • {{ domxref("SVGFETileElement") }}, implemented by: {{ SVGElement("feTile") }}
      • {{ domxref("SVGFETurbulenceElement") }}, implemented by: {{ SVGElement("feTurbulence") }}
    • {{ domxref("SVGComponentTransferFunctionElement") }}
      • {{ domxref("SVGFEFuncRElement") }}, implemented by: {{ SVGElement("feFuncR") }}
      • {{ domxref("SVGFEFuncGElement") }}, implemented by: {{ SVGElement("feFuncG") }}
      • {{ domxref("SVGFEFuncBElement") }}, implemented by: {{ SVGElement("feFuncB") }}
      • {{ domxref("SVGFEFuncAElement") }}, implemented by: {{ SVGElement("feFuncA") }}
    • {{ domxref("SVGFontElement") }}, implemented by: {{ SVGElement("font") }}
    • {{ domxref("SVGFontFaceElement") }}, implemented by: {{ SVGElement("font-face") }}
    • {{ domxref("SVGFontFaceFormatElement") }}, implemented by: {{ SVGElement("font-face-format") }}
    • {{ domxref("SVGFontFaceNameElement") }}, implemented by: {{ SVGElement("font-face-name") }}
    • {{ domxref("SVGFontFaceSrcElement") }}, implemented by: {{ SVGElement("font-face-src") }}
    • {{ domxref("SVGFontFaceUriElement") }}, implemented by: {{ SVGElement("font-face-uri") }}
    • {{ domxref("SVGForeignObjectElement") }}, implemented by: {{ SVGElement("foreignObject") }}
    • {{ domxref("SVGGElement") }}, implemented by: {{ SVGElement("g") }}
    • {{ domxref("SVGGlyphElement") }}, implemented by: {{ SVGElement("glyph") }}
    • {{ domxref("SVGGlyphRefElement") }}, implemented by: {{ SVGElement("glyphRef") }}
    • {{ domxref("SVGGradientElement") }}
      • {{ domxref("SVGLinearGradientElement") }}, implemented by: {{ SVGElement("linearGradient") }}
      • {{ domxref("SVGRadialGradientElement") }}, implemented by: {{ SVGElement("radialGradient") }}
    • {{ domxref("SVGHKernElement") }}, implemented by: {{ SVGElement("hkern") }}
    • {{ domxref("SVGImageElement") }}, implemented by: {{ SVGElement("image") }}
    • {{ domxref("SVGLineElement") }}, implemented by: {{ SVGElement("line") }}
    • {{ domxref("SVGMarkerElement") }}, implemented by: {{ SVGElement("marker") }}
    • {{ domxref("SVGMaskElement") }}, implemented by: {{ SVGElement("mask") }}
    • {{ domxref("SVGMetadataElement") }}, implemented by: {{ SVGElement("metadata") }}
    • {{ domxref("SVGMissingGlyphElement") }}, implemented by: {{ SVGElement("missing-glyph") }}
    • {{ domxref("SVGMPathElement") }}, implemented by: {{ SVGElement("mpath") }}
    • {{ domxref("SVGPathElement") }}, implemented by: {{ SVGElement("path") }}
    • {{ domxref("SVGPatternElement") }}, implemented by: {{ SVGElement("pattern") }}
    • {{ domxref("SVGPolylineElement") }}, implemented by: {{ SVGElement("polyline") }}
    • {{ domxref("SVGPolygonElement") }}, implemented by: {{ SVGElement("polygon") }}
    • {{ domxref("SVGRectElement") }}, implemented by: {{ SVGElement("rect") }}
    • {{ domxref("SVGScriptElement") }}, implemented by: {{ SVGElement("script") }}
    • {{ domxref("SVGStopElement") }}, implemented by: {{ SVGElement("stop") }}
    • {{ domxref("SVGStyleElement") }}, implemented by: {{ SVGElement("style") }}
    • {{ domxref("SVGSVGElement") }}, implemented by: {{ SVGElement("svg") }}
    • {{ domxref("SVGSwitchElement") }}, implemented by: {{ SVGElement("switch") }}
    • {{ domxref("SVGSymbolElement") }}, implemented by: {{ SVGElement("symbol") }}
    • {{ domxref("SVGTextElement") }}, implemented by: {{ SVGElement("text") }}
    • {{ domxref("SVGTextPathElement") }}, implemented by: {{ SVGElement("textPath") }}
    • {{ domxref("SVGTitleElement") }}, implemented by: {{ SVGElement("title") }}
    • {{ domxref("SVGTRefElement") }}, implemented by: {{ SVGElement("tref") }}
    • {{ domxref("SVGTSpanElement") }}, implemented by: {{ SVGElement("tspan") }}
    • {{ domxref("SVGUseElement") }}, implemented by: {{ SVGElement("use") }}
    • {{ domxref("SVGViewElement") }}, implemented by: {{ SVGElement("view") }}
    • {{ domxref("SVGVKernElement") }}, implemented by: {{ SVGElement("vkern") }}

SVG data type interfaces

Here are the DOM API for data types used in the definitions of SVG properties and attributes.

{{ gecko_callout_heading("5.0") }}

Starting in Gecko 5.0 {{ geckoRelease("5.0") }},the following SVG-related DOM interfaces representing lists of objects are now indexable and can be accessed like arrays; in addition, they have a length property indicating the number of items in the lists:  {{ domxref("SVGLengthList") }}, {{ domxref("SVGNumberList") }}, {{ domxref("SVGPathSegList") }}, and {{ domxref("SVGPointList") }}.

Static type

  • {{ domxref("SVGAngle") }}
  • {{ domxref("SVGColor") }}
  • {{ domxref("SVGICCColor") }}
  • {{ domxref("SVGElementInstance") }}
  • {{ domxref("SVGElementInstanceList") }}
  • {{ domxref("SVGLength") }}
  • {{ domxref("SVGLengthList") }}
  • {{ domxref("SVGMatrix") }}
  • {{ domxref("SVGNumber") }}
  • {{ domxref("SVGNumberList") }}
  • {{ domxref("SVGPaint") }}
  • {{ domxref("SVGPoint") }}
  • {{ domxref("SVGPointList") }}
  • {{ domxref("SVGPreserveAspectRatio") }}
  • {{ domxref("SVGRect") }}
  • {{ domxref("SVGStringList") }}
  • {{ domxref("SVGTransform") }}
  • {{ domxref("SVGTransformList") }}

Animated type

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

SVG Path segment interfaces

  • {{ domxref("SVGPathSegList") }}
  • {{ domxref("SVGPathSeg") }}
    • {{ domxref("SVGPathSegArcAbs") }}
    • {{ domxref("SVGPathSegArcRel") }}
    • {{ domxref("SVGPathSegClosePath") }}
    • {{ domxref("SVGPathSegCurvetoCubicAbs") }}
    • {{ domxref("SVGPathSegCurvetoCubicRel") }}
    • {{ domxref("SVGPathSegCurvetoCubicSmoothAbs") }}
    • {{ domxref("SVGPathSegCurvetoCubicSmoothRel") }}
    • {{ domxref("SVGPathSegCurvetoQuadraticAbs") }}
    • {{ domxref("SVGPathSegCurvetoQuadraticRel") }}
    • {{ domxref("SVGPathSegCurvetoQuadraticSmoothAbs") }}
    • {{ domxref("SVGPathSegCurvetoQuadraticSmoothRel") }}
    • {{ domxref("SVGPathSegLinetoAbs") }}
    • {{ domxref("SVGPathSegLinetoHorizontalAbs") }}
    • {{ domxref("SVGPathSegLinetoHorizontalRel") }}
    • {{ domxref("SVGPathSegLinetoRel") }}
    • {{ domxref("SVGPathSegLinetoVerticalAbs") }}
    • {{ domxref("SVGPathSegLinetoVerticalRel") }}
    • {{ domxref("SVGPathSegMovetoAbs") }}
    • {{ domxref("SVGPathSegMovetoRel") }}

{{ domxref("ElementTimeControl") }}, {{ domxref("TimeEvent") }}

Other SVG interfaces

{{ domxref("SVGAnimatedPathData") }}, {{ domxref("SVGAnimatedPoints") }}, {{ domxref("SVGColorProfileRule") }}, {{ domxref("SVGCSSRule") }}, {{ domxref("SVGExternalResourcesRequired") }}, {{ domxref("SVGFitToViewBox") }}, {{ domxref("SVGLangSpace") }}, {{ domxref("SVGLocatable") }}, {{ domxref("SVGRenderingIntent") }}, {{ domxref("SVGStylable") }}, {{ domxref("SVGTests") }}, {{ domxref("SVGTextContentElement") }}, {{ domxref("SVGTextPositioningElement") }}, {{ domxref("SVGTransformable") }}, {{ domxref("SVGUnitTypes") }}, {{ domxref("SVGURIReference") }}, {{ domxref("SVGViewSpec") }}, {{ domxref("SVGZoomAndPan") }}

DOM Examples

{{ languages( { "es": "es/Referencia_DOM_de_Gecko", "fr": "fr/R\u00e9f\u00e9rence_du_DOM_Gecko", "it": "it/Reference_del_DOM_di_Gecko", "ja": "ja/Gecko_DOM_Reference", "ko": "ko/Gecko_DOM_Reference", "pl": "pl/Dokumentacja_Gecko_DOM", "zh-cn": "cn/Gecko_DOM_\u53c2\u8003", "de" : "de/Gecko-DOM-Referenz" } ) }}

Revision Source

<p>This is the table of contents for the <a href="/en/Gecko" title="en/Gecko">Gecko</a> <a href="/en/DOM" title="en/DOM">DOM</a> reference.</p>
<h2 id="Preface"><a href="/en/Gecko_DOM_Reference/Preface" title="en/Gecko_DOM_Reference/Preface">Preface</a></h2>
<ul> <li><a href="/en/Gecko_DOM_Reference/Preface#About_This_Reference" title="en/Gecko_DOM_Reference/Preface#About_This_Reference">About This Reference</a></li> <li><a href="/en/Gecko_DOM_Reference/Preface#Who_Should_Read_This_Guide" title="en/Gecko_DOM_Reference/Preface#Who_Should_Read_This_Guide">Who Should Read This Guide</a></li> <li><a href="/en/Gecko_DOM_Reference/Preface#What_is_Gecko.3F" title="en/Gecko_DOM_Reference/Preface#What_is_Gecko.3F">What is Gecko?</a></li> <li><a href="/en/Gecko_DOM_Reference/Preface#API_Syntax" title="en/Gecko_DOM_Reference/Preface#API_Syntax">API Syntax</a></li> <li><a href="/en/Gecko_DOM_Reference/Preface#Using_the_Examples" title="en/Gecko_DOM_Reference/Preface#Using_the_Examples">Using the Examples</a></li>
</ul>
<h2 id="Introduction"><a href="/en/Gecko_DOM_Reference/Introduction" title="en/Gecko_DOM_Reference/Introduction">Introduction</a></h2>
<ul> <li><a href="/en/Gecko_DOM_Reference/Introduction#What_is_the_DOM.3F" title="en/Gecko_DOM_Reference/Introduction#What_is_the_DOM.3F">What is the DOM?</a></li> <li><a href="/en/Gecko_DOM_Reference/Introduction#DOM_and_JavaScript" title="en/Gecko_DOM_Reference/Introduction#DOM_and_JavaScript">DOM and JavaScript</a></li> <li><a href="/en/Gecko_DOM_Reference/Introduction#How_Do_I_Access_the_DOM.3F" title="en/Gecko_DOM_Reference/Introduction#How_Do_I_Access_the_DOM.3F">How Do I Access the DOM?</a></li> <li><a href="/en/Gecko_DOM_Reference/Introduction#Important_Data_Types" title="en/Gecko_DOM_Reference/Introduction#Important_Data_Types">Important Data Types</a></li> <li><a href="/en/Gecko_DOM_Reference/Introduction#DOM_Interfaces" title="en/Gecko_DOM_Reference/Introduction#DOM_Interfaces">DOM Interfaces</a></li> <li><a href="/en/Gecko_DOM_Reference/Introduction#Testing_the_DOM_API" title="en/Gecko_DOM_Reference/Introduction#Testing_the_DOM_API">Testing the DOM API</a></li>
</ul>
<h2 id="DOM_Object_References">DOM Object References</h2>
<h3 id="DOM_document_Reference"><a href="/en/DOM/document" title="en/DOM/document">DOM document Reference</a></h3>
<ul> <li><a href="/en/DOM/document#Introduction" title="en/DOM/document#Introduction">Introduction</a></li> <li><a href="/en/DOM/document#Properties" title="en/DOM/document#Properties">Properties</a></li> <li><a href="/en/DOM/document#Methods" title="en/DOM/document#Methods">Methods</a></li> <li><a href="/en/DOM/document#Event_handlers" title="en/DOM/document#Event_handlers">Event Handlers</a></li>
</ul>
<h3 id="DOM_element_Reference"><a href="/en/DOM/element" title="en/DOM/element">DOM element Reference</a></h3>
<ul> <li><a href="/en/DOM/element#Introduction" title="en/DOM/element#Introduction">Introduction</a></li> <li><a href="/en/DOM/element#Properties" title="en/DOM/element#Properties">Properties</a></li> <li><a href="/en/DOM/element#Methods" title="en/DOM/element#Methods">Methods</a></li> <li><a href="/en/DOM/element#Event_Handlers" title="en/DOM/element#Event_Handlers">Event Handlers</a></li>
</ul>
<h3 id="DOM_event_Reference"><a href="/en/DOM/event" title="en/DOM/event">DOM event Reference</a></h3>
<p>(with subclasses <a href="/en/DOM/UIEvent" title="en/Gecko DOM Reference">UIEvent</a>, <a href="/en/DOM/KeyboardEvent" title="en/DOM/KeyboardEvent">KeyboardEvent</a>, <a href="/en/DOM/MouseEvent" title="En/DOM/Event/UIEvent/MouseEvent">MouseEvent</a>, <a href="/en/DOM/TouchEvent" title="en/DOM/TouchEvent">TouchEvent</a>)</p>
<ul> <li><a href="/en/DOM/event#Introduction" title="en/DOM/event#Introduction">Introduction</a></li> <li><a href="/en/DOM/event#Properties" title="en/DOM/event#Properties">Properties</a></li> <li><a href="/en/DOM/event#Methods" title="en/DOM/event#Methods">Methods</a></li>
</ul><h3 id="DOM_range_Reference"><a href="/en/DOM/range" title="en/DOM/range">DOM range Reference</a></h3>
<ul> <li><a href="/en/DOM/range#Introduction" title="en/DOM/range#Introduction">Introduction</a></li> <li><a href="/en/DOM/range#Properties" title="en/DOM/range#Properties">Properties</a></li> <li><a href="/en/DOM/range#Methods" title="en/DOM/range#Methods">Methods</a></li>
</ul>
<h3 id="DOM_selection_Reference"><a href="/en/DOM/Selection" title="en/DOM/Selection">DOM selection Reference</a></h3>
<ul> <li><a href="/en/DOM/Selection#Introduction" title="en/DOM/Selection#Introduction">Introduction</a></li> <li><a href="/en/DOM/Selection#Glossary" title="en/DOM/Selection#Glossary">Glossary</a></li> <li><a href="/en/DOM/Selection#Properties" title="en/DOM/Selection#Properties">Properties</a></li> <li><a href="/en/DOM/Selection#Methods" title="en/DOM/Selection#Methods">Methods</a></li> <li><a href="/en/DOM/Selection#See_Also" title="en/DOM/Selection#See_Also">See Also</a></li> <li><a href="/en/DOM/Selection#External_links" title="en/DOM/Selection#External_links">External links</a></li>
</ul>
<h3 id="DOM_style_Reference"><a href="/en/DOM/HTMLStyleElement" title="en/DOM/style">DOM style Reference</a></h3>
<ul> <li><a href="/en/DOM/HTMLStyleElement#Notes" title="en/DOM/style#Notes">Notes</a></li> <li><a href="/en/DOM/HTMLStyleElement#Material_to_be_moved_to_other_pages" title="en/DOM/style#Material_to_be_moved_to_other_pages">Material to be moved to other pages</a></li>
</ul>
<h3 id="DOM_window_Reference"><a href="/en/DOM/window" title="en/DOM/window">DOM window Reference</a></h3>
<ul> <li><a href="/en/DOM/window#Introduction" title="en/DOM/window#Introduction">Introduction</a></li> <li><a href="/en/DOM/window#Properties" title="en/DOM/window#Properties">Properties</a></li> <li><a href="/en/DOM/window#Methods" title="en/DOM/window#Methods">Methods</a></li> <li><a href="/en/DOM/window#Event_Handlers" title="en/DOM/window#Event_Handlers">Event Handlers</a></li>
</ul>
<h3 id="DOM Files">DOM Files</h3>
<ul> <li>{{ domxref("File") }}</li> <li>{{ domxref("FileReader") }}</li> <li>{{ domxref("Blob") }}</li> <li>{{ domxref("BlobBuilder") }}</li>
</ul>
<h2 id="DOM_-_Other_Objects">DOM - Other Objects</h2>
<ul> <li>{{ domxref("Attr") }}</li> <li>{{ domxref("CDATASection") }}</li> <li>{{ domxref("CharacterData") }}</li> <li>{{ domxref("Comment") }}</li> <li>{{ domxref("console") }} {{ gecko_minversion_inline("2.0") }}</li> <li>{{ domxref("DocumentFragment") }}</li> <li>{{ domxref("DocumentType") }}</li> <li>{{ domxref("DomConfiguration") }} {{ unimplemented_inline() }}</li> <li>{{ domxref("DOMError") }}</li> <li>{{ domxref("DOMErrorHandler") }} {{ unimplemented_inline() }}</li> <li>{{ domxref("DOMException") }}</li> <li>{{ domxref("DOMImplementation") }}</li> <li>{{ domxref("DOMImplementationList") }}</li> <li>{{ domxref("DOMImplementationRegistry") }}</li> <li>{{ domxref("DOMImplementationSource") }}</li> <li>{{ domxref("DOMLocator") }} {{ unimplemented_inline() }}</li> <li>{{ domxref("DOMObject") }}</li> <li>{{ domxref("DOMString") }}</li> <li>{{ domxref("DOMStringList") }} {{ unimplemented_inline() }}</li> <li>{{ domxref("DOMTimeStamp") }}</li> <li>{{ domxref("DOMUserData") }}</li> <li>{{ domxref("Entity") }} {{ unimplemented_inline() }}</li> <li>{{ domxref("EntityReference") }} {{ unimplemented_inline() }}</li> <li>{{ domxref("MediaQueryList") }}</li> <li>{{ domxref("MediaQueryListListener") }}</li> <li>{{ domxref("NameList") }} {{ unimplemented_inline() }}</li> <li>{{ domxref("NamedNodeMap") }}</li> <li>{{ domxref("Node") }}</li> <li>{{ domxref("NodeFilter") }}</li> <li>{{ domxref("NodeIterator") }} {{ gecko_minversion_inline("1.9.1") }}</li> <li>{{ domxref("NodeList") }}</li> <li>{{ domxref("Notation") }} {{ unimplemented_inline() }}</li> <li>{{ domxref("Plugin") }}</li> <li>{{ domxref("PluginArray") }}</li> <li>{{ domxref("ProcessingInstruction") }}</li> <li>{{ domxref("SharedWorker") }} {{ unimplemented_inline() }}</li> <li>{{ domxref("Text") }}</li> <li>{{ domxref("TimeRanges") }} {{ gecko_minversion_inline("2.0") }}</li> <li>{{ domxref("Treewalker") }}</li> <li>{{ domxref("TypeInfo") }} {{ unimplemented_inline() }}</li> <li>{{ domxref("UserDataHandler") }}</li> <li>{{ domxref("Worker") }} {{ fx_minversion_inline("3") }}</li> <li>{{ domxref("WorkerGlobalScope") }} {{ fx_minversion_inline("3") }}</li>
</ul>
<h2 id="HTML_interfaces">HTML interfaces</h2>
<p>{{ domxref("HTMLDocument") }} (see also {{ domxref("document") }})</p>
<h3 id="HTML_element_interfaces">HTML element interfaces</h3>
<ul class="tree"> <li>{{ domxref("HTMLElement") }}, directly implemented by: {{ HTMLElement("dd") }}, {{ HTMLElement("dt") }}, {{ HTMLElement("tt") }}, {{ HTMLElement("i") }}, {{ HTMLElement("b") }}, {{ HTMLElement("u") }}, {{ HTMLElement("s") }}, {{ HTMLElement("strike") }}, {{ HTMLElement("big") }}, {{ HTMLElement("small") }}, {{ HTMLElement("em") }}, {{ HTMLElement("strong") }}, {{ HTMLElement("dfn") }}, {{ HTMLElement("code") }}, {{ HTMLElement("samp") }}, {{ HTMLElement("kbd") }}, {{ HTMLElement("var") }}, {{ HTMLElement("cite") }}, {{ HTMLElement("acronym") }}, {{ HTMLElement("abbr") }}, {{ HTMLElement("sub") }}, {{ HTMLElement("sup") }}, {{ HTMLElement("bdo") }}, {{ HTMLElement("center") }}, {{ HTMLElement("address") }}, {{ HTMLElement("noframes") }}, {{ HTMLElement("wbr") }}, {{ HTMLElement("noscript") }}, {{ HTMLElement("noembed") }}, {{ HTMLElement("header") }}, {{ HTMLElement("footer") }}, {{ HTMLElement("article") }}, {{ HTMLElement("aside") }}, {{ HTMLElement("section") }}, {{ HTMLElement("nav") }}, {{ HTMLElement("figure") }}, {{ HTMLElement("figcaption") }}, {{ HTMLElement("mark") }}, {{ HTMLElement("ruby") }}, {{ HTMLElement("rt") }}, {{ HTMLElement("rp") }} <ul class="tree"> <li>{{ domxref("HTMLAnchorElement") }}, implemented by: {{ HTMLElement("a") }}</li> <li>{{ domxref("HTMLAppletElement") }}, implemented by: {{ HTMLElement("applet") }}</li> <li>{{ domxref("HTMLAudioElement") }}, implemented by: {{ HTMLElement("audio") }}</li> <li>{{ domxref("HTMLAreaElement") }}, implemented by: {{ HTMLElement("area") }}</li> <li>{{ domxref("HTMLBaseElement") }}, implemented by: {{ HTMLElement("base") }}</li> <li>{{ domxref("HTMLBaseFontElement") }}, implemented by: {{ HTMLElement("basefont") }}</li> <li>{{ domxref("HTMLBodyElement") }}, implemented by: {{ HTMLElement("body") }}</li> <li>{{ domxref("HTMLBRElement") }}, implemented by: {{ HTMLElement("br") }}</li> <li>{{ domxref("HTMLButtonElement") }}, implemented by: {{ HTMLElement("button") }}</li> <li>{{ domxref("HTMLCanvasElement") }}, implemented by: {{ HTMLElement("canvas") }}</li> <li>{{ domxref("HTMLDirectoryElement") }}, implemented by: {{ HTMLElement("dir") }}</li> <li>{{ domxref("HTMLDivElement") }}, implemented by: {{ HTMLElement("div") }}</li> <li>{{ domxref("HTMLDListElement") }}, implemented by: {{ HTMLElement("dl") }}</li> <li>{{ domxref("HTMLEmbedElement") }}, implemented by: {{ HTMLElement("embed") }}</li> <li>{{ domxref("HTMLFieldSetElement") }}, implemented by: {{ HTMLElement("fieldset") }}</li> <li>{{ domxref("HTMLFontElement") }}, implemented by: {{ HTMLElement("font") }}</li> <li>{{ domxref("HTMLFormElement") }}, implemented by: {{ HTMLElement("form") }}</li> <li>{{ domxref("HTMLFrameElement") }}, implemented by: {{ HTMLElement("frame") }}</li> <li>{{ domxref("HTMLFrameSetElement") }}, implemented by: {{ HTMLElement("frameset") }}</li> <li>{{ domxref("HTMLHeadElement") }}, implemented by: {{ HTMLElement("head") }}</li> <li>{{ domxref("HTMLHeadingElement") }}, implemented by: {{ HTMLElement("h1") }}, {{ HTMLElement("h2") }}, {{ HTMLElement("h3") }}, {{ HTMLElement("h4") }}, {{ HTMLElement("h5") }}, {{ HTMLElement("h6") }}</li> <li>{{ domxref("HTMLHtmlElement") }}, implemented by: {{ HTMLElement("html") }}</li> <li>{{ domxref("HTMLHRElement") }}, implemented by: {{ HTMLElement("hr") }}</li> <li>{{ domxref("HTMLIFrameElement") }}, implemented by: {{ HTMLElement("iframe") }}</li> <li>{{ domxref("HTMLImageElement") }}, implemented by: {{ HTMLElement("img") }}</li> <li>{{ domxref("HTMLInputElement") }}, implemented by: {{ HTMLElement("input") }}</li> <li>{{ domxref("HTMLKeygenElement") }}, implemented by: {{ HTMLElement("keygen") }}</li> <li>{{ domxref("HTMLLabelElement") }}, implemented by: {{ HTMLElement("label") }}</li> <li>{{ domxref("HTMLLIElement") }}, implemented by: {{ HTMLElement("li") }}</li> <li>{{ domxref("HTMLLinkElement") }}, implemented by: {{ HTMLElement("link") }}</li> <li>{{ domxref("HTMLMapElement") }}, implemented by: {{ HTMLElement("map") }}</li> <li>{{ domxref("HTMLMenuElement") }}, implemented by: {{ HTMLElement("menu") }}</li> <li>{{ domxref("HTMLMetaElement") }}, implemented by: {{ HTMLElement("meta") }}</li> <li>{{ domxref("HTMLModElement") }}, implemented by: {{ HTMLElement("del") }}, {{ HTMLElement("ins") }}</li> <li>{{ domxref("HTMLObjectElement") }}, implemented by: {{ HTMLElement("object") }}</li> <li>{{ domxref("HTMLOListElement") }}, implemented by: {{ HTMLElement("ol") }}</li> <li>{{ domxref("HTMLOptGroupElement") }}, implemented by: {{ HTMLElement("optgroup") }}</li> <li>{{ domxref("HTMLOptionElement") }}, implemented by: {{ HTMLElement("option") }}</li> <li>{{ domxref("HTMLOutputElement") }}, implemented by: {{ HTMLElement("output") }}</li> <li>{{ domxref("HTMLParagraphElement") }}, implemented by: {{ HTMLElement("p") }}</li> <li>{{ domxref("HTMLParamElement") }}, implemented by: {{ HTMLElement("param") }}</li> <li>{{ domxref("HTMLPreElement") }}, implemented by: {{ HTMLElement("pre") }}, {{ HTMLElement("plaintext") }}</li> <li>{{ domxref("HTMLQuoteElement") }}, implemented by: {{ HTMLElement("q") }}, {{ HTMLElement("blockquote") }}</li> <li>{{ domxref("HTMLScriptElement") }}, implemented by: {{ HTMLElement("script") }}</li> <li>{{ domxref("HTMLSelectElement") }}, implemented by: {{ HTMLElement("select") }}</li> <li>{{ domxref("HTMLSourceElement") }}, implemented by: {{ HTMLElement("source") }}</li> <li>{{ domxref("HTMLSpanElement") }}, implemented by: {{ HTMLElement("span") }}</li> <li>{{ domxref("HTMLStyleElement") }}, implemented by: {{ HTMLElement("style") }}</li> <li>{{ domxref("HTMLTableElement") }}, implemented by: {{ HTMLElement("table") }}</li> <li>{{ domxref("HTMLTableCaptionElement") }}, implemented by: {{ HTMLElement("caption") }}</li> <li>{{ domxref("HTMLTableCellElement") }}, <ul> <li>{{ domxref("HTMLTableDataCellElement") }}, implemented by: {{ HTMLElement("td") }}</li> <li>{{ domxref("HTMLTableHeaderCellElement") }}, implemented by: {{ HTMLElement("th") }}</li> </ul> </li> <li>{{ domxref("HTMLTableColElement") }}, implemented by: {{ HTMLElement("col") }}, {{ HTMLElement("colgroup") }}</li> <li>{{ domxref("HTMLTableRowElement") }}, implemented by: {{ HTMLElement("tr") }}</li> <li>{{ domxref("HTMLTableSectionElement") }}, implemented by: {{ HTMLElement("tfoot") }}, {{ HTMLElement("thead") }}, {{ HTMLElement("tbody") }}</li> <li>{{ domxref("HTMLTextAreaElement") }}, implemented by: {{ HTMLElement("textarea") }}</li> <li>{{ domxref("HTMLTimeElement") }}, implemented by: {{ HTMLElement("time") }}</li> <li>{{ domxref("HTMLTitleElement") }}, implemented by: {{ HTMLElement("title") }}</li> <li>{{ domxref("HTMLTrackElement") }}, implemented by: {{ HTMLElement("track") }}</li> <li>{{ domxref("HTMLUListElement") }}, implemented by: {{ HTMLElement("ul") }}</li> <li>{{ domxref("HTMLUnknownElement") }}, implemented by: {{ HTMLElement("bgsound") }}, {{ HTMLElement("isindex") }}, {{ HTMLElement("bq") }}, {{ HTMLElement("nextid") }}, {{ HTMLElement("multicol") }}, {{ HTMLElement("spacer") }}, {{ HTMLElement("noframes") }}</li> <li>{{ domxref("HTMLVideoElement") }}, implemented by: {{ HTMLElement("video") }}</li> </ul> </li>
</ul>
<h3 id="Canvas_interfaces">Canvas interfaces</h3>
<ul> <li>{{ domxref("HTMLCanvasElement") }}, implemented by the {{ HTMLElement("canvas") }} element.</li> <li>{{ domxref("CanvasRenderingContext2D") }}</li> <li>{{ domxref("CanvasGradient") }}</li> <li>{{ domxref("CanvasPattern") }}</li> <li>{{ domxref("TextMetrics") }}</li> <li>{{ domxref("ImageData") }}</li> <li>{{ domxref("CanvasPixelArray") }}</li>
</ul>
<h3 id="Media_related_interfaces">Media related interfaces</h3>
<p>These interfaces are used for audio and video media related tasks.</p>
<ul> <li>{{ domxref("HTMLAudioElement") }}, implemented by the HTML5 {{ HTMLElement("audio") }} element.</li> <li>{{ domxref("HTMLVideoElement") }}, implemented by the HTML5 {{ HTMLElement("video") }} element.</li> <li>{{ domxref("NotifyAudioAvailableEvent") }}, describing an event delivered to allow scripts to have access to the audio stream's raw sample data.</li>
</ul>
<h3 id="Collection_interfaces">Collection interfaces</h3>
<p>{{ domxref("HTMLCollection") }}, {{ domxref("HTMLAllCollection") }}, {{ domxref("HTMLFormControlsCollection") }}, {{ domxref("HTMLOptionsCollection") }}, {{ domxref("HTMLPropertiesCollection") }}</p>
<h3 id="Other_HTML_interfaces">Other HTML interfaces</h3>
<p>{{ domxref("DOMTokenList") }}, {{ domxref("DOMSettableTokenList") }}, {{ domxref("DOMStringMap") }}, {{ domxref("RadioNodeList") }}</p>
<h2 id="SVG_interfaces">SVG interfaces</h2>
<p>{{ domxref("SVGDocument") }} (see also {{ domxref("document") }})</p>
<h3 id="SVG_element_interfaces">SVG element interfaces</h3>
<ul> <li>{{ domxref("SVGElement") }} : All SVG elements implement this interface <ul> <li>{{ domxref("SVGAElement") }}, implemented by: {{ SVGElement("a") }}</li> <li>{{ domxref("SVGAltGlyphElement") }}, implemented by: {{ SVGElement("altGlyph") }}</li> <li>{{ domxref("SVGAltGlyphDefElement") }}, implemented by: {{ SVGElement("altGlyphDef") }}</li> <li>{{ domxref("SVGAltGlyphItemElement") }}, implemented by: {{ SVGElement("altGlyphItem") }}</li> <li>{{ domxref("SVGAnimationElement") }} <ul> <li>{{ domxref("SVGAnimateElement") }}, implemented by: {{ SVGElement("animate") }}</li> <li>{{ domxref("SVGAnimateColorElement") }}, implemented by: {{ SVGElement("animateColor") }}</li> <li>{{ domxref("SVGAnimateMotionElement") }}, implemented by: {{ SVGElement("animateMotion") }}</li> <li>{{ domxref("SVGAnimateTransformElement") }}, implemented by: {{ SVGElement("animateTransform") }}</li> <li>{{ domxref("SVGSetElement") }}, implemented by: {{ SVGElement("set") }}</li> </ul> </li> <li>{{ domxref("SVGCircleElement") }}, implemented by: {{ SVGElement("circle") }}</li> <li>{{ domxref("SVGClipPathElement") }}, implemented by: {{ SVGElement("path") }}</li> <li>{{ domxref("SVGColorProfileElement") }}, implemented by: {{ SVGElement("color-profile") }}</li> <li>{{ domxref("SVGCursorElement") }}, implemented by: {{ SVGElement("cursor") }}</li> <li>{{ domxref("SVGDefsElement") }}, implemented by: {{ SVGElement("defs") }}</li> <li>{{ domxref("SVGDescElement") }}, implemented by: {{ SVGElement("desc") }}</li> <li>{{ domxref("SVGEllipseElement") }}, implemented by: {{ SVGElement("ellipse") }}</li> <li>{{ domxref("SVGFilterElement") }}, implemented by: {{ SVGElement("filter") }}</li> <li>{{ domxref("SVGFilterPrimitiveStandardAttributes") }} <ul> <li>{{ domxref("SVGFEBlendElement") }}, implemented by: {{ SVGElement("feBlend") }}</li> <li>{{ domxref("SVGFEColorMatrixElement") }}, implemented by: {{ SVGElement("feColorMatrix") }}</li> <li>{{ domxref("SVGFEComponentTransferElement") }}, implemented by: {{ SVGElement("feComponentTransfer") }}</li> <li>{{ domxref("SVGFECompositeElement") }}, implemented by: {{ SVGElement("feComposite") }}</li> <li>{{ domxref("SVGFEConvolveMatrixElement") }}, implemented by: {{ SVGElement("feConvolveMatrix") }}</li> <li>{{ domxref("SVGFEDiffuseLightingElement") }}, implemented by: {{ SVGElement("feDiffuseLighting") }}</li> <li>{{ domxref("SVGFEDisplacementMapElement") }}, implemented by: {{ SVGElement("feDisplacementMap") }}</li> <li>{{ domxref("SVGFEDistantLightElement") }}, implemented by: {{ SVGElement("feDistantLight") }}</li> <li>{{ domxref("SVGFEFloodElement") }}, implemented by: {{ SVGElement("feFlood") }}</li> <li>{{ domxref("SVGFEGaussianBlurElement") }}, implemented by: {{ SVGElement("feGaussianBlur") }}</li> <li>{{ domxref("SVGFEImageElement") }}, implemented by: {{ SVGElement("feImage") }}</li> <li>{{ domxref("SVGFEMergeElement") }}, implemented by: {{ SVGElement("feMerge") }}</li> <li>{{ domxref("SVGFEMergeNodeElement") }}, implemented by: {{ SVGElement("feMergeNode") }}</li> <li>{{ domxref("SVGFEMorphologyElement") }}, implemented by: {{ SVGElement("feMorphology") }}</li> <li>{{ domxref("SVGFEOffsetElement") }}, implemented by: {{ SVGElement("feOffset") }}</li> <li>{{ domxref("SVGFEPointLightElement") }}, implemented by: {{ SVGElement("fePointLight") }}</li> <li>{{ domxref("SVGFESpecularLightingElement") }}, implemented by: {{ SVGElement("feSpecularLighting") }}</li> <li>{{ domxref("SVGFESpotLightElement") }}, implemented by: {{ SVGElement("feSpotLight") }}</li> <li>{{ domxref("SVGFETileElement") }}, implemented by: {{ SVGElement("feTile") }}</li> <li>{{ domxref("SVGFETurbulenceElement") }}, implemented by: {{ SVGElement("feTurbulence") }}</li> </ul> </li> <li>{{ domxref("SVGComponentTransferFunctionElement") }} <ul> <li>{{ domxref("SVGFEFuncRElement") }}, implemented by: {{ SVGElement("feFuncR") }}</li> <li>{{ domxref("SVGFEFuncGElement") }}, implemented by: {{ SVGElement("feFuncG") }}</li> <li>{{ domxref("SVGFEFuncBElement") }}, implemented by: {{ SVGElement("feFuncB") }}</li> <li>{{ domxref("SVGFEFuncAElement") }}, implemented by: {{ SVGElement("feFuncA") }}</li> </ul> </li> <li>{{ domxref("SVGFontElement") }}, implemented by: {{ SVGElement("font") }}</li> <li>{{ domxref("SVGFontFaceElement") }}, implemented by: {{ SVGElement("font-face") }}</li> <li>{{ domxref("SVGFontFaceFormatElement") }}, implemented by: {{ SVGElement("font-face-format") }}</li> <li>{{ domxref("SVGFontFaceNameElement") }}, implemented by: {{ SVGElement("font-face-name") }}</li> <li>{{ domxref("SVGFontFaceSrcElement") }}, implemented by: {{ SVGElement("font-face-src") }}</li> <li>{{ domxref("SVGFontFaceUriElement") }}, implemented by: {{ SVGElement("font-face-uri") }}</li> <li>{{ domxref("SVGForeignObjectElement") }}, implemented by: {{ SVGElement("foreignObject") }}</li> <li>{{ domxref("SVGGElement") }}, implemented by: {{ SVGElement("g") }}</li> <li>{{ domxref("SVGGlyphElement") }}, implemented by: {{ SVGElement("glyph") }}</li> <li>{{ domxref("SVGGlyphRefElement") }}, implemented by: {{ SVGElement("glyphRef") }}</li> <li>{{ domxref("SVGGradientElement") }} <ul> <li>{{ domxref("SVGLinearGradientElement") }}, implemented by: {{ SVGElement("linearGradient") }}</li> <li>{{ domxref("SVGRadialGradientElement") }}, implemented by: {{ SVGElement("radialGradient") }}</li> </ul> </li> <li>{{ domxref("SVGHKernElement") }}, implemented by: {{ SVGElement("hkern") }}</li> <li>{{ domxref("SVGImageElement") }}, implemented by: {{ SVGElement("image") }}</li> <li>{{ domxref("SVGLineElement") }}, implemented by: {{ SVGElement("line") }}</li> <li>{{ domxref("SVGMarkerElement") }}, implemented by: {{ SVGElement("marker") }}</li> <li>{{ domxref("SVGMaskElement") }}, implemented by: {{ SVGElement("mask") }}</li> <li>{{ domxref("SVGMetadataElement") }}, implemented by: {{ SVGElement("metadata") }}</li> <li>{{ domxref("SVGMissingGlyphElement") }}, implemented by: {{ SVGElement("missing-glyph") }}</li> <li>{{ domxref("SVGMPathElement") }}, implemented by: {{ SVGElement("mpath") }}</li> <li>{{ domxref("SVGPathElement") }}, implemented by: {{ SVGElement("path") }}</li> <li>{{ domxref("SVGPatternElement") }}, implemented by: {{ SVGElement("pattern") }}</li> <li>{{ domxref("SVGPolylineElement") }}, implemented by: {{ SVGElement("polyline") }}</li> <li>{{ domxref("SVGPolygonElement") }}, implemented by: {{ SVGElement("polygon") }}</li> <li>{{ domxref("SVGRectElement") }}, implemented by: {{ SVGElement("rect") }}</li> <li>{{ domxref("SVGScriptElement") }}, implemented by: {{ SVGElement("script") }}</li> <li>{{ domxref("SVGStopElement") }}, implemented by: {{ SVGElement("stop") }}</li> <li>{{ domxref("SVGStyleElement") }}, implemented by: {{ SVGElement("style") }}</li> <li>{{ domxref("SVGSVGElement") }}, implemented by: {{ SVGElement("svg") }}</li> <li>{{ domxref("SVGSwitchElement") }}, implemented by: {{ SVGElement("switch") }}</li> <li>{{ domxref("SVGSymbolElement") }}, implemented by: {{ SVGElement("symbol") }}</li> <li>{{ domxref("SVGTextElement") }}, implemented by: {{ SVGElement("text") }}</li> <li>{{ domxref("SVGTextPathElement") }}, implemented by: {{ SVGElement("textPath") }}</li> <li>{{ domxref("SVGTitleElement") }}, implemented by: {{ SVGElement("title") }}</li> <li>{{ domxref("SVGTRefElement") }}, implemented by: {{ SVGElement("tref") }}</li> <li>{{ domxref("SVGTSpanElement") }}, implemented by: {{ SVGElement("tspan") }}</li> <li>{{ domxref("SVGUseElement") }}, implemented by: {{ SVGElement("use") }}</li> <li>{{ domxref("SVGViewElement") }}, implemented by: {{ SVGElement("view") }}</li> <li>{{ domxref("SVGVKernElement") }}, implemented by: {{ SVGElement("vkern") }}</li> </ul> </li>
</ul>
<h3 id="SVG_data_type_interfaces">SVG data type interfaces</h3>
<p>Here are the DOM API for data types used in the definitions of SVG properties and attributes.</p>
<div class="geckoVersionNote"> <p>{{ gecko_callout_heading("5.0") }}</p> <p>Starting in Gecko 5.0 {{ geckoRelease("5.0") }},the following SVG-related DOM interfaces representing lists of objects are now indexable and can be accessed like arrays; 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>
<ul> <li>{{ domxref("SVGAngle") }}</li> <li>{{ domxref("SVGColor") }}</li> <li>{{ domxref("SVGICCColor") }}</li> <li>{{ domxref("SVGElementInstance") }}</li> <li>{{ domxref("SVGElementInstanceList") }}</li> <li>{{ domxref("SVGLength") }}</li> <li>{{ domxref("SVGLengthList") }}</li> <li>{{ domxref("SVGMatrix") }}</li> <li>{{ domxref("SVGNumber") }}</li> <li>{{ domxref("SVGNumberList") }}</li> <li>{{ domxref("SVGPaint") }}</li> <li>{{ domxref("SVGPoint") }}</li> <li>{{ domxref("SVGPointList") }}</li> <li>{{ domxref("SVGPreserveAspectRatio") }}</li> <li>{{ domxref("SVGRect") }}</li> <li>{{ domxref("SVGStringList") }}</li> <li>{{ domxref("SVGTransform") }}</li> <li>{{ domxref("SVGTransformList") }}</li>
</ul>
<h4 id="Animated_type">Animated type</h4>
<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("SVGAnimatedPreserveAspectRatio") }}</li> <li>{{ domxref("SVGAnimatedRect") }}</li> <li>{{ domxref("SVGAnimatedString") }}</li> <li>{{ domxref("SVGAnimatedTransformList") }}</li>
</ul>
<h3 id="SVG_Path_segment_interfaces">SVG Path segment interfaces</h3>
<ul> <li>{{ domxref("SVGPathSegList") }}</li> <li>{{ domxref("SVGPathSeg") }} <ul> <li>{{ domxref("SVGPathSegArcAbs") }}</li> <li>{{ domxref("SVGPathSegArcRel") }}</li> <li>{{ domxref("SVGPathSegClosePath") }}</li> <li>{{ domxref("SVGPathSegCurvetoCubicAbs") }}</li> <li>{{ domxref("SVGPathSegCurvetoCubicRel") }}</li> <li>{{ domxref("SVGPathSegCurvetoCubicSmoothAbs") }}</li> <li>{{ domxref("SVGPathSegCurvetoCubicSmoothRel") }}</li> <li>{{ domxref("SVGPathSegCurvetoQuadraticAbs") }}</li> <li>{{ domxref("SVGPathSegCurvetoQuadraticRel") }}</li> <li>{{ domxref("SVGPathSegCurvetoQuadraticSmoothAbs") }}</li> <li>{{ domxref("SVGPathSegCurvetoQuadraticSmoothRel") }}</li> <li>{{ domxref("SVGPathSegLinetoAbs") }}</li> <li>{{ domxref("SVGPathSegLinetoHorizontalAbs") }}</li> <li>{{ domxref("SVGPathSegLinetoHorizontalRel") }}</li> <li>{{ domxref("SVGPathSegLinetoRel") }}</li> <li>{{ domxref("SVGPathSegLinetoVerticalAbs") }}</li> <li>{{ domxref("SVGPathSegLinetoVerticalRel") }}</li> <li>{{ domxref("SVGPathSegMovetoAbs") }}</li> <li>{{ domxref("SVGPathSegMovetoRel") }}</li> </ul> </li>
</ul>
<h3 id="SMIL_related_interfaces">SMIL related interfaces</h3>
<p>{{ domxref("ElementTimeControl") }}, {{ domxref("TimeEvent") }}</p>
<h3 id="Other_SVG_interfaces">Other SVG interfaces</h3>
<p>{{ domxref("SVGAnimatedPathData") }}, {{ domxref("SVGAnimatedPoints") }}, {{ domxref("SVGColorProfileRule") }}, {{ domxref("SVGCSSRule") }}, {{ domxref("SVGExternalResourcesRequired") }}, {{ domxref("SVGFitToViewBox") }}, {{ domxref("SVGLangSpace") }}, {{ domxref("SVGLocatable") }}, {{ domxref("SVGRenderingIntent") }}, {{ domxref("SVGStylable") }}, {{ domxref("SVGTests") }}, {{ domxref("SVGTextContentElement") }}, {{ domxref("SVGTextPositioningElement") }}, {{ domxref("SVGTransformable") }}, {{ domxref("SVGUnitTypes") }}, {{ domxref("SVGURIReference") }}, {{ domxref("SVGViewSpec") }}, {{ domxref("SVGZoomAndPan") }}</p>
<h2 id="DOM_Examples"><a href="/en/Gecko_DOM_Reference/Examples" title="en/Gecko_DOM_Reference/Examples">DOM Examples</a></h2>
<ul> <li><a href="/en/Gecko_DOM_Reference/Examples#Example_1:_height_and_width" title="en/Gecko_DOM_Reference/Examples#Example_1:_height_and_width">Example 1: height and width</a></li> <li><a href="/en/Gecko_DOM_Reference/Examples#Example_2:_Image_Attributes" title="en/Gecko_DOM_Reference/Examples#Example_2:_Image_Attributes">Example 2: Image Attributes</a></li> <li><a href="/en/Gecko_DOM_Reference/Examples#Example_3:_Manipulating_Styles" title="en/Gecko_DOM_Reference/Examples#Example_3:_Manipulating_Styles">Example 3: Manipulating Styles</a></li> <li><a href="/en/Gecko_DOM_Reference/Examples#Example_4:_Using_Stylesheets" title="en/Gecko_DOM_Reference/Examples#Example_4:_Using_Stylesheets">Example 4: Using Stylesheets</a></li> <li><a href="/en/Gecko_DOM_Reference/Examples#Example_5:_Event_Propagation" title="en/Gecko_DOM_Reference/Examples#Example_5:_Event_Propagation">Example 5: Event Propagation</a></li> <li><a href="/en/Gecko_DOM_Reference/Examples#Example_6:_getComputedStyle" title="en/Gecko_DOM_Reference/Examples#Example_6:_getComputedStyle">Example 6: getComputedStyle</a></li> <li><a href="/en/Gecko_DOM_Reference/Examples#Example_7:_Displaying_Event_Object_Properties" title="en/Gecko_DOM_Reference/Examples#Example_7:_Displaying_Event_Object_Properties">Example 7: Displaying Event Object Properties</a></li> <li><a href="/en/Gecko_DOM_Reference/Examples#Example_8:_Using_the_DOM_Table_Interface" title="en/Gecko_DOM_Reference/Examples#Example_8:_Using_the_DOM_Table_Interface">Example 8: Using the DOM Table Interface</a></li>
</ul>
<p>{{ languages( { "es": "es/Referencia_DOM_de_Gecko", "fr": "fr/R\u00e9f\u00e9rence_du_DOM_Gecko", "it": "it/Reference_del_DOM_di_Gecko", "ja": "ja/Gecko_DOM_Reference", "ko": "ko/Gecko_DOM_Reference", "pl": "pl/Dokumentacja_Gecko_DOM", "zh-cn": "cn/Gecko_DOM_\u53c2\u8003", "de" : "de/Gecko-DOM-Referenz" } ) }}</p>
Revert to this revision