匿名質問者

独自データ属性(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人5回まで
  • 登録:
  • 終了:2012/12/18 00:20:08

回答1件)

匿名回答1号 No.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構文使うとかすればよいのでは?

コメントはまだありません

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

回答リクエストを送信したユーザーはいません