From 15da4086af526441184058727bcda24996eca273 Mon Sep 17 00:00:00 2001 From: Masahiro FUJIMOTO Date: Sat, 14 Sep 2024 21:54:11 +0900 Subject: [PATCH] =?UTF-8?q?2024/06/21=20=E6=99=82=E7=82=B9=E3=81=AE?= =?UTF-8?q?=E8=8B=B1=E8=AA=9E=E7=89=88=E3=81=AB=E5=9F=BA=E3=81=A5=E3=81=8D?= =?UTF-8?q?=E6=96=B0=E8=A6=8F=E7=BF=BB=E8=A8=B3?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- files/ja/web/api/svgelement/dataset/index.md | 48 ++++++++++++++++++++ 1 file changed, 48 insertions(+) create mode 100644 files/ja/web/api/svgelement/dataset/index.md 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)