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
xmlbeginnen. - Keine Semikolons (
;,U+003A). - Keine Großbuchstaben
AbisZ.
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
SVGElement- Die
SVGElement.dataset-Eigenschaft, die verwendet wird, um über Skripte auf diese Attribute zuzugreifen. - Verwendung von Datenattributen