data-*

Die data-* SVG-Attribute werden als benutzerdefinierte Datenattribute bezeichnet. Sie ermöglichen es, dass SVG-Markup und das resultierende DOM Informationen teilen, die Standardattribute nicht können, in der Regel für Skriptzwecke. Ihre benutzerdefinierten Daten sind über die SVGElement Schnittstelle des Elements zugänglich, zu dem die Attribute gehören, mit der SVGElement.dataset Eigenschaft.

Das * kann durch beliebige Zeichen ersetzt werden, die in XMLs Regeln für Namen erlaubt sind, mit den folgenden Einschränkungen:

  • Darf nicht mit xml beginnen.
  • Keine Semikolons (;, U+003A).
  • Keine Großbuchstaben A bis Z.

Hinweis: Die SVGElement.dataset Eigenschaft ist ein DOMStringMap, das das Attribut data-test-value über SVGElement.dataset.testValue bereitstellt. Bindestriche (-, U+002D) werden entfernt und der nächste Buchstabe wird großgeschrieben, was zu dem Camel Case-Format führt.

Sie können dieses Attribut mit jedem SVG-Element verwenden.

Spezifikationen

Specification
Scalable Vector Graphics (SVG) 2
# DataAttributes

Browser-Kompatibilität

No compatibility data found for svg.global_attributes.data.
Check for problems with this page or contribute missing data to mdn/browser-compat-data.

Siehe auch