SVGElement

All of the SVG DOM interfaces that correspond directly to elements in the SVG language derive from the SVGElement interface.

Properties

Also inherits properties from: Element, HTMLOrForeignElement

SVGElement.datasetRead only
A DOMStringMap object which provides a list of key/value pairs of named data attributes which correspond to custom data attributes attached to the element. These can also be defined in SVG using attributes of the form data-*, where * is the key name for the pair. This works just like HTML's HTMLElement.dataset property and HTML's data-* global attribute.
SVGElement.className  Read only
An SVGAnimatedString that reflects the value of the class attribute on the given element, or the empty string if class is not present. This attribute is deprecated and may be removed in a future version of this specification. Authors are advised to use Element.classList instead.
SVGElement.ownerSVGElementRead only
An SVGSVGElement referring to the nearest ancestor <svg> element. null if the given element is the outermost <svg> element.
SVGElement.viewportElementRead only
The SVGElement, which established the current viewport. Often, the nearest ancestor <svg> element. null if the given element is the outermost <svg> element.

Methods

This interface has no methods, but inherits methods from: Element, HTMLOrForeignElement

Events

Listen to these events using addEventListener() or by assigning an event listener to the equivalent on... handler property defined on GlobalEventHandlers or WindowEventHandlers.

abort
Fired when page loading is stopped before an SVG element has been allowed to load completely.
Also available via the onabort property.
error
Fired when an SVG element does not load properly or when an error occurs during script execution.
Also available via the onerror property.
load
Fires on an SVGElement when it is loaded in the browser.
Also available via the onload property.
resize
Fired when an SVG document is being resized.
Also available via the onresize property.
scroll
Fired when an SVG document view is being shifted along the X and/or Y axes.
Also available via the onscroll property.
unload
Fired when the DOM implementation removes an SVG document from a window or frame.
Also available via the onunload property.

Specifications

Specification Status Comment
Scalable Vector Graphics (SVG) 2
The definition of 'SVGElement' in that specification.		 Candidate Recommendation Adds the dataset property.
Scalable Vector Graphics (SVG) 1.1 (Second Edition)
The definition of 'SVGElement' in that specification.		 Recommendation Initial definition

Browser compatibility

Update compatibility data on GitHub
DesktopMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewChrome for AndroidFirefox for AndroidOpera for AndroidSafari on iOSSamsung Internet
SVGElementChrome Full support YesEdge Full support YesFirefox Full support YesIE Full support 9Opera Full support YesSafari Full support YesWebView Android Full support YesChrome Android Full support YesFirefox Android Full support YesOpera Android Full support YesSafari iOS Full support YesSamsung Internet Android ?
abort eventChrome ? Edge ? Firefox ? IE ? Opera ? Safari ? WebView Android ? Chrome Android ? Firefox Android ? Opera Android ? Safari iOS ? Samsung Internet Android ?
datasetChrome Full support 55Edge Full support 17Firefox Full support 51IE No support NoOpera Full support 41Safari Full support 10WebView Android Full support 55Chrome Android Full support 55Firefox Android Full support 51Opera Android Full support 41Safari iOS Full support 10Samsung Internet Android ?
error eventChrome ? Edge ? Firefox ? IE ? Opera ? Safari ? WebView Android ? Chrome Android ? Firefox Android ? Opera Android ? Safari iOS ? Samsung Internet Android ?
focusChrome Full support YesEdge ? Firefox Full support 51IE ? Opera Full support YesSafari ? WebView Android Full support YesChrome Android Full support YesFirefox Android Full support 51Opera Android Full support YesSafari iOS ? Samsung Internet Android Full support Yes
load eventChrome Full support YesEdge ? Firefox Full support Yes
Alternate Name
Full support Yes
Alternate Name
Alternate Name Uses the non-standard name: SVGLoad
IE ? Opera ? Safari ? WebView Android Full support YesChrome Android Full support YesFirefox Android Full support Yes
Alternate Name
Full support Yes
Alternate Name
Alternate Name Uses the non-standard name: SVGLoad
Opera Android ? Safari iOS ? Samsung Internet Android ?
offsetHeight
DeprecatedNon-standard
Chrome No support ? — 50Edge No support NoFirefox No support NoIE No support NoOpera No support ? — 37Safari No support NoWebView Android No support ? — 50Chrome Android No support ? — 50Firefox Android No support NoOpera Android No support ? — 37Safari iOS No support NoSamsung Internet Android ?
offsetLeft
DeprecatedNon-standard
Chrome No support ? — 50Edge No support NoFirefox No support NoIE No support NoOpera No support ? — 37Safari No support NoWebView Android No support ? — 50Chrome Android No support ? — 50Firefox Android No support NoOpera Android No support ? — 37Safari iOS No support NoSamsung Internet Android ?
offsetParent
DeprecatedNon-standard
Chrome No support ? — 50Edge No support NoFirefox No support NoIE No support NoOpera No support ? — 37Safari No support NoWebView Android No support ? — 50Chrome Android No support ? — 50Firefox Android No support NoOpera Android No support ? — 37Safari iOS No support NoSamsung Internet Android ?
offsetTop
DeprecatedNon-standard
Chrome No support ? — 50Edge No support NoFirefox No support NoIE No support NoOpera No support ? — 37Safari No support NoWebView Android No support ? — 50Chrome Android No support ? — 50Firefox Android No support NoOpera Android No support ? — 37Safari iOS No support NoSamsung Internet Android ?
offsetWidth
DeprecatedNon-standard
Chrome No support ? — 50Edge No support NoFirefox No support NoIE No support NoOpera No support ? — 37Safari No support NoWebView Android No support ? — 50Chrome Android No support ? — 50Firefox Android No support NoOpera Android No support ? — 37Safari iOS No support NoSamsung Internet Android ?
resize eventChrome Full support YesEdge ? Firefox Full support YesIE ? Opera ? Safari ? WebView Android Full support YesChrome Android Full support YesFirefox Android Full support YesOpera Android ? Safari iOS ? Samsung Internet Android ?
scroll eventChrome ? Edge ? Firefox ? IE ? Opera ? Safari ? WebView Android ? Chrome Android ? Firefox Android ? Opera Android ? Safari iOS ? Samsung Internet Android ?
unload eventChrome ? Edge ? Firefox ? IE ? Opera ? Safari ? WebView Android ? Chrome Android ? Firefox Android ? Opera Android ? Safari iOS ? Samsung Internet Android ?

Legend

Full support  
Full support
No support  
No support
Compatibility unknown  
Compatibility unknown
Non-standard. Expect poor cross-browser support.
Non-standard. Expect poor cross-browser support.
Deprecated. Not for use in new websites.
Deprecated. Not for use in new websites.
Uses a non-standard name.
Uses a non-standard name.

See also

Related Topics
  1. SVGElement
  2. Properties
    1. dataset
    2. onabort
    3. onanimationcancel
    4. onanimationend
    5. onanimationiteration
    6. onauxclick
    7. onblur
    8. oncancel
    9. oncanplay
    10. oncanplaythrough
    11. onchange
    12. onclick
    13. onclose
    14. oncontextmenu
    15. oncuechange
    16. ondblclick
    17. ondurationchange
    18. onended
    19. onerror
    20. onfocus
    21. onformdata
    22. ongotpointercapture
    23. oninput
    24. oninvalid
    25. onkeydown
    26. onkeypress
    27. onkeyup
    28. onload
    29. onloadeddata
    30. onloadedmetadata
    31. onloadend
    32. onloadstart
    33. onlostpointercapture
    34. onmousedown
    35. onmouseenter
    36. onmouseleave
    37. onmousemove
    38. onmouseout
    39. onmouseover
    40. onmouseup
    41. onpause
    42. onplay
    43. onpointercancel
    44. onpointerdown
    45. onpointerenter
    46. onpointerleave
    47. onpointermove
    48. onpointerout
    49. onpointerover
    50. onpointerup
    51. onreset
    52. onresize
    53. onscroll
    54. onselect
    55. onselectionchange
    56. onselectstart
    57. onsubmit
    58. ontouchcancel
    59. ontouchstart
    60. ontransitioncancel
    61. ontransitionend
    62. onwheel
  3. Inheritance:
    1. Element
    2. Node
    3. EventTarget
  4. Related pages for SVG
    1. SVGAElement
    2. SVGAltGlyphElement
    3. SVGAngle
    4. SVGAnimateColorElement
    5. SVGAnimateElement
    6. SVGAnimateMotionElement
    7. SVGAnimateTransformElement
    8. SVGAnimatedAngle
    9. SVGAnimatedBoolean
    10. SVGAnimatedEnumeration
    11. SVGAnimatedInteger
    12. SVGAnimatedLength
    13. SVGAnimatedLengthList
    14. SVGAnimatedNumber
    15. SVGAnimatedNumberList
    16. SVGAnimatedPathData
    17. SVGAnimatedPoints
    18. SVGAnimatedPreserveAspectRatio
    19. SVGAnimatedRect
    20. SVGAnimatedString
    21. SVGAnimatedTransformList
    22. SVGAnimationElement
    23. SVGCircleElement
    24. SVGClipPathElement
    25. SVGComponentTransferFunctionElement
    26. SVGCursorElement
    27. SVGDefsElement
    28. SVGDescElement
    29. SVGDocument
    30. SVGEllipseElement
    31. SVGFEBlendElement
    32. SVGFEColorMatrixElement
    33. SVGFEComponentTransferElement
    34. SVGFECompositeElement
    35. SVGFEConvolveMatrixElement
    36. SVGFEDiffuseLightingElement
    37. SVGFEDisplacementMapElement
    38. SVGFEDistantLightElement
    39. SVGFEDropShadowElement
    40. SVGFEFloodElement
    41. SVGFEFuncAElement
    42. SVGFEFuncBElement
    43. SVGFEFuncGElement
    44. SVGFEFuncRElement
    45. SVGFEGaussianBlurElement
    46. SVGFEImageElement
    47. SVGFEMergeElement
    48. SVGFEMergeNodeElement
    49. SVGFEMorphologyElement
    50. SVGFEOffsetElement
    51. SVGFEPointLightElement
    52. SVGFESpecularLightingElement
    53. SVGFESpotLightElement
    54. SVGFETileElement
    55. SVGFETurbulenceElement
    56. SVGFilterElement
    57. SVGFilterPrimitiveStandardAttributes
    58. SVGFitToViewBox
    59. SVGFontElement
    60. SVGFontFaceElement
    61. SVGFontFaceFormatElement
    62. SVGFontFaceNameElement
    63. SVGFontFaceSrcElement
    64. SVGFontFaceUriElement
    65. SVGForeignObjectElement
    66. SVGGElement
    67. SVGGlyphElement
    68. SVGGradientElement
    69. SVGGraphicsElement
    70. SVGHKernElement
    71. SVGImageElement
    72. SVGLength
    73. SVGLengthList
    74. SVGLineElement
    75. SVGLinearGradientElement
    76. SVGMPathElement
    77. SVGMarkerElement
    78. SVGMaskElement
    79. SVGMatrix
    80. SVGMetadataElement
    81. SVGMissingGlyphElement
    82. SVGNumber
    83. SVGNumberList
    84. SVGPathElement
    85. SVGPathSeg
    86. SVGPathSegArcAbs
    87. SVGPathSegArcRel
    88. SVGPathSegClosePath
    89. SVGPathSegCurvetoCubicAbs
    90. SVGPathSegCurvetoCubicRel
    91. SVGPathSegCurvetoCubicSmoothAbs
    92. SVGPathSegCurvetoCubicSmoothRel
    93. SVGPathSegCurvetoQuadraticAbs
    94. SVGPathSegCurvetoQuadraticRel
    95. SVGPathSegCurvetoQuadraticSmoothAbs
    96. SVGPathSegCurvetoQuadraticSmoothRel
    97. SVGPathSegLinetoAbs
    98. SVGPathSegLinetoHorizontalAbs
    99. SVGPathSegLinetoHorizontalRel
    100. SVGPathSegLinetoRel
    101. SVGPathSegLinetoVerticalAbs
    102. SVGPathSegLinetoVerticalRel
    103. SVGPathSegList
    104. SVGPathSegMovetoAbs
    105. SVGPathSegMovetoRel
    106. SVGPatternElement
    107. SVGPoint
    108. SVGPointList
    109. SVGPolygonElement
    110. SVGPolylineElement
    111. SVGPreserveAspectRatio
    112. SVGRadialGradientElement
    113. SVGRect
    114. SVGRectElement
    115. SVGSVGElement
    116. SVGScriptElement
    117. SVGSetElement
    118. SVGStopElement
    119. SVGStringList
    120. SVGStylable
    121. SVGStyleElement
    122. SVGSwitchElement
    123. SVGSymbolElement
    124. SVGTRefElement
    125. SVGTSpanElement
    126. SVGTests
    127. SVGTextContentElement
    128. SVGTextElement
    129. SVGTextPathElement
    130. SVGTextPositioningElement
    131. SVGTitleElement
    132. SVGTransform
    133. SVGTransformList
    134. SVGTransformable
    135. SVGURIReference
    136. SVGUnitTypes
    137. SVGUseElement
    138. SVGVKernElement
    139. SVGViewElement
    140. SVGZoomAndPan
    141. SVGZoomEvent
    142. TimeEvent