data-*

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

Das * kann durch beliebige Zeichen ersetzt werden, die in XML-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, die 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 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

Siehe auch