data-*

Die data-* SVG-Attribute werden als benutzerdefinierte Datenattribute bezeichnet. Sie ermöglichen es SVG-Markup und dem resultierenden DOM, Informationen zu teilen, die standardmäßige Attribute nicht können, normalerweise für Skriptzwecke. Ihre benutzerdefinierten Daten sind über die SVGElement-Schnittstelle des Elements, zu dem die Attribute gehören, mit der SVGElement.dataset-Eigenschaft verfügbar.

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 von A bis Z.

Hinweis: Die SVGElement.dataset-Eigenschaft ist ein DOMStringMap, die das Attribut data-test-value über SVGElement.dataset.testValue zur Verfügung stellt. Bindestrichzeichen (-, U+002D) werden entfernt und der nächste Buchstabe wird großgeschrieben, was zum 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