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

BCD tables only load in the browser

Siehe auch