人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

独自データ属性(HTMLとJavascript)

例えば
//html
#player1 のところに data-key1
#player2のところに data-key2
#player3のところに data-key3

の独自データ属性をつけ、
//javascript
for (var i = 1; i <=3; i++){
var k = document.getElementById('player'+i).dataset.key(わからない箇所);
console.log(k);
}

とした場合にfor文でdata-key1~data-key3まで取得したいのですがjavascriptのdataset.keyの後ろをどう記述していいのかわかりません
どのように記述すれば良いのでしょうか?

初歩的な質問ですがよろしくお願いします。

●質問者: 匿名質問者
●カテゴリ:ウェブ制作
○ 状態 :終了
└ 回答数 : 1/1件

▽最新の回答へ

1 ● 匿名回答1号

http://gurimmer.lolipop.jp/daihakken/2012/05/26/jqueryhtml5%E3%82%BF%E3%82%B0%E3%81%AB%E7%8B%AC%E8%87%AA%E5%B1%9E%E6%80%A7%E3%82%92%E8%BF%BD%E5%8A%A0%E3%81%97%E3%81%9F%E5%A0%B4%E5%90%88%E3%81%AE%E6%89%B1%E3%81%84%E6%96%B9/

「data-」を取って「-(ハイフン)」を取った後ハイフン直後の英語を大文字に変換してつなげたのもを記述する

ただ、dataset(DOMStringMap)にkeyというメソッドはあるのでしょうか?
https://developer.mozilla.org/en-US/docs/DOM/DOMStringMap
何を期待しているのかわかりませんが、単純にプロパティにアクセスするか、for in構文使うとかすればよいのでは?

関連質問

●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ