teratail header banner
teratail header banner
質問するログイン新規登録

回答編集履歴

2

HTML追加

2017/04/01 11:26

投稿

yamato_hikawa
yamato_hikawa

スコア2092

answer CHANGED
@@ -3,6 +3,10 @@
3
3
 
4
4
  - [HTMLElement.dataset](https://developer.mozilla.org/ja/docs/Web/API/HTMLElement/dataset)
5
5
 
6
+ ```html
7
+ <div class="target" data-id="1"></div>
8
+ ```
9
+
6
10
  ```javascript
7
11
  const target = document.querySelector('.target');
8
12
  const id = target.dataset.id; // datasetを利用して取得

1

表記の修正

2017/04/01 11:26

投稿

yamato_hikawa
yamato_hikawa

スコア2092

answer CHANGED
@@ -1,5 +1,5 @@
1
- datasetかgetAttributeを使用して取得してください。
1
+ `dataset``getAttribute()`を使用して取得してください。
2
- datasetの方が、カスタムデータ属性用メソッドです。
2
+ datasetの方が、カスタムデータの読み取り用に用意されたプロパティです。
3
3
 
4
4
  - [HTMLElement.dataset](https://developer.mozilla.org/ja/docs/Web/API/HTMLElement/dataset)
5
5