SVGElement: dataset プロパティ
Baseline
広く利用可能
この機能は広く実装されており、多くのバージョンの端末やブラウザーで動作します。2018年4月以降、すべてのブラウザーで利用可能です。
dataset は SVGElement インターフェイスの読み取り専用プロパティで、要素のカスタムデータ属性 (data-*) への読み書きアクセスを提供します。これは文字列のマップ (DOMStringMap) を公開し、各 data-* 属性の項目を持つ文字列の地図(DOMStringMap)を公開します。
dataset の動作に関するより詳しい情報は HTMLElement.dataset を参照して下さい。
値
DOMStringMap です。
例
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"
仕様書
| 仕様書 |
|---|
| HTML> # dom-dataset-dev> |