1. Web
  2. Web APIs
  3. SVGElement
  4. dataset

SVGElement: dataset property

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since ⁨April 2018⁩.

The dataset read-only property of the SVGElement interface provides read/write access to custom data attributes (data-*) on elements. It exposes a map of strings (DOMStringMap) with an entry for each data-* attribute.

For more information on the behavior of dataset, see HTMLElement.dataset.

Value

A DOMStringMap.

Examples

html
<div>
  <svg viewBox="0 0 120 30" xmlns="http://www.w3.org/2000/svg">
    <text x="20" y="20" id="user" data-id="1234567890" data-user="carinaanand">
      Carina Anand
    </text>
  </svg>
</div>
js
const el = document.querySelector("#user");

console.log(el.dataset.id); // "1234567890"

Specifications

Specification
HTML
# dom-dataset-dev

Browser compatibility

See also

Help improve MDN

Learn how to contribute

This page was last modified on by MDN contributors.

View this page on GitHub • Report a problem with this content