diff --git a/files/ja/web/api/svgelement/dataset/index.md b/files/ja/web/api/svgelement/dataset/index.md new file mode 100644 index 00000000000000..633dc537d18a95 --- /dev/null +++ b/files/ja/web/api/svgelement/dataset/index.md @@ -0,0 +1,48 @@ +--- +title: "SVGElement: dataset プロパティ" +short-title: dataset +slug: Web/API/SVGElement/dataset +l10n: + sourceCommit: 335dda2e9a42f5e9257ee398437cd984f6cabb45 +--- + +{{APIRef("SVG")}} + +**`dataset`** は {{DOMxRef("SVGElement")}} インターフェイスの読み取り専用プロパティで、要素の[カスタムデータ属性](/ja/docs/Web/SVG/Attribute/data-*) (`data-*`) への読み書きアクセスを提供します。これは文字列のマップ ({{domxref("DOMStringMap")}}) を公開し、各 `data-*` 属性の項目を持つ文字列の地図(DOMStringMap)を公開します。 + +`dataset` の動作に関するより詳しい情報は {{domxref("HTMLElement.dataset")}} を参照して下さい。 + +## 値 + +{{domxref("DOMStringMap")}} です。 + +## 例 + +```html +
+ + + Carina Anand + + +
+``` + +```js +const el = document.querySelector("#user"); + +console.log(el.dataset.id); // "1234567890" +``` + +## 仕様書 + +{{Specifications}} + +## ブラウザーの互換性 + +{{Compat}} + +## 関連情報 + +- SVG の [`data-*`](/ja/docs/Web/SVG/Attribute/data-*) 属性 +- [データ属性の使用](/ja/docs/Learn/HTML/Howto/Use_data_attributes)