SVGElement: dataset property

{{APIRef("SVG")}}

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

For more information on the behavior of dataset, see {{domxref("HTMLElement.dataset")}}.

Value

A {{domxref("DOMStringMap")}}.

Examples

<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>

const el = document.querySelector("#user");

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

Specifications

{{Specifications}}

Browser compatibility

{{Compat}}

See also

• data-* SVG attributes
• Using data attributes