SVGElement: dataset-Eigenschaft
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
Die dataset
Nur-Lese-Eigenschaft der SVGElement
-Schnittstelle bietet Lese-/Schreibzugriff auf benutzerdefinierte Datenattribute (data-*
) von Elementen. Sie gibt eine Zuordnung von Strings (DOMStringMap
) mit einem Eintrag für jedes data-*
Attribut zurück.
Für weitere Informationen über das Verhalten von dataset
, siehe HTMLElement.dataset
.
Wert
Eine DOMStringMap
.
Beispiele
html
<div>
<svg viewBox="0 0 120 30" xmlns="http://www.w3.org/2000/svg">
<text x="20" y="20" id="user" data-id="1234567890" data-user="carinaanand">
Carina Anand
</text>
</svg>
</div>
js
const el = document.querySelector("#user");
console.log(el.dataset.id); // "1234567890"
Spezifikationen
Specification |
---|
HTML # dom-dataset-dev |
Browser-Kompatibilität
Report problems with this compatibility data on GitHubdesktop | mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
dataset |
Legend
Tip: you can click/tap on a cell for more information.
- Full support
- Full support
The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.
Siehe auch
data-*
SVG-Attribute- Verwendung von Datenattributen