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
bisZ
.
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
SVGElement
- Die
SVGElement.dataset
Eigenschaft, die verwendet wird, um auf diese Attribute aus Skripten zuzugreifen. - Verwendung von Datenattributen