SVGElement

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

Browser compatibility

[1] The properties offsetParent, offsetTop, offsetLeft, offsetWidth, and offsetHeight are deprecated in Chrome 48.

See also

• HTML data-* attribute
• SVG data-* attribute
• Using custom data attributes in HTML