data-*
Baseline
Weitgehend verfügbar
Diese Funktion ist gut etabliert und funktioniert auf vielen Geräten und in vielen Browserversionen. Sie ist seit Januar 2020 browserübergreifend verfügbar.
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 übertragen können, üblicherweise für Skripting-Zwecke. 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 XMLs Regeln für Namen erlaubt sind, mit den folgenden Einschränkungen:
- Darf nicht mit
xmlbeginnen. - Keine Strichpunkte (
;,U+003A). - Keine Großbuchstaben von
AbisZ.
Hinweis:
Die SVGElement.dataset Eigenschaft ist ein DOMStringMap, das das Attribut data-test-value über SVGElement.dataset.testValue bereitstellt. Bindestrich-Zeichen (-, U+002D) werden entfernt und der folgende Buchstabe wird großgeschrieben, was zu dem Camel Case Format führt.
Sie können dieses Attribut mit jedem SVG-Element verwenden.
Spezifikationen
| Spezifikation |
|---|
| Scalable Vector Graphics (SVG) 2 # DataAttributes |
Browser-Kompatibilität
Siehe auch
SVGElement- Die
SVGElement.datasetEigenschaft, die verwendet wird, um von Skripten aus auf diese Attribute zuzugreifen. - Verwendung von Datenattributen