SVGElement: свойство dataset
Базовая линия Широко доступно
Эта функция хорошо зарекомендовала себя и работает на многих устройствах и версиях браузеров. Она доступна во всех браузерах с июля 2015 года.
Свойство dataset только для чтения интерфейса SVGElement предоставляет чтение/запись для пользовательских атрибутов данных (data-*) элементов. Оно экспонирует карту строк (DOMStringMap) с записью для каждого data-* атрибута.
Для получения дополнительной информации о поведении dataset, см. HTMLElement.dataset.
Значение
A DOMStringMap.
Примеры
<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>
const el = document.querySelector("#user");
console.log(el.dataset.id); // "1234567890"
Спецификации
| Спецификация |
|---|
| HTML # dom-dataset-dev |
Совместимость браузеров
| Рабочий стол | Мобильный | ||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Opera | Safari | Chrome Android | Firefox for Android | Opera Android | Safari на IOS | Samsung Internet | WebView Android | |
dataset |
55 | 17 | 51 | 41 | 5.1 | 55 | 51 | 41 | 5 | 6.0 | 55 |
См. также
-
data-*атрибуты SVG - Использование атрибутов данных
© 2005–2024 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/SVGElement/dataset
