data-*

Die data-* SVG-Attribute werden als benutzerdefinierte Datenattribute bezeichnet. Sie ermöglichen es, dass SVG-Markup und das daraus resultierende DOM Informationen teilen, die Standardattribute nicht können, normalerweise zu Scripting-Zwecken. Ihre benutzerdefinierten Daten sind über das SVGElement-Interface des Elements, zu dem die Attribute gehören, mit der SVGElement.dataset-Eigenschaft verfügbar.

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. Bindestrichzeichen (-, U+002D) werden entfernt und der nächste Buchstabe wird großgeschrieben, was zu camel case 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