SVGElement

Jump to:
  1. Properties
  2. Methods
  3. Specifications
  4. Browser compatibility
  5. See also

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

Properties

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.idRead only
A DOMString representing the value of the id attribute on the given element, or the empty string if id is not present.
SVGElement.xmlbaseRead only
A DOMString corresponding to the xml:base attribute on the given element.
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

The SVGElement interface doesn't provide any additional methods, but inherits methods from its parent, Element.

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

FeatureChromeEdgeFirefoxInternet ExplorerOperaSafari
Basic support Yes Yes Yes9 Yes Yes
dataset551751 No4110
offsetHeight Yes — 50 No No No Yes — 37 No
offsetLeft Yes — 50 No No No Yes — 37 No
offsetParent Yes — 50 No No No Yes — 37 No
offsetTop Yes — 50 No No No Yes — 37 No
offsetWidth Yes — 50 No No No Yes — 37 No
FeatureAndroid webviewChrome for AndroidEdge mobileFirefox for AndroidOpera AndroidiOS SafariSamsung Internet
Basic support Yes Yes Yes Yes Yes Yes ?
dataset555517514110 ?
offsetHeight Yes — 50 Yes — 50 No No Yes — 37 No ?
offsetLeft Yes — 50 Yes — 50 No No Yes — 37 No ?
offsetParent Yes — 50 Yes — 50 No No Yes — 37 No ?
offsetTop Yes — 50 Yes — 50 No No Yes — 37 No ?
offsetWidth Yes — 50 Yes — 50 No No Yes — 37 No ?

See also

Document Tags and Contributors

Tags: 
Contributors to this page: fscholz, Sebastianz, abbycar, Sheppy, tifosi, jpmedley, kscarfone, Jeremie
Last updated by: fscholz,