SVGElement: dataset-Eigenschaft

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.

Die dataset Nur-Lese-Eigenschaft der SVGElement-Schnittstelle bietet Lese-/Schreibzugriff auf benutzerdefinierte Datenattribute (data-*) von Elementen. Sie gibt eine Zuordnung von Strings (DOMStringMap) mit einem Eintrag für jedes data-* Attribut zurück.

Für weitere Informationen über das Verhalten von dataset, siehe HTMLElement.dataset.

Wert

Beispiele

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"

Spezifikationen

Specification
HTML Standard
# dom-dataset-dev

Browser-Kompatibilität

BCD tables only load in the browser

Siehe auch