回答編集履歴
3
コメント追記
answer
CHANGED
|
@@ -28,7 +28,7 @@
|
|
|
28
28
|
|
|
29
29
|
div.setAttribute('data-result', 'lose');
|
|
30
30
|
console.log(div.dataset.result, div.getAttribute('data-result')); // "lose" "lose"
|
|
31
|
-
console.log(div.outerHTML);
|
|
31
|
+
console.log(div.outerHTML); // <div data-result="lose"></div>
|
|
32
32
|
```
|
|
33
33
|
|
|
34
34
|
Re: toll_tree さん
|
2
アンカーテキスト修正
answer
CHANGED
|
@@ -18,7 +18,7 @@
|
|
|
18
18
|
|
|
19
19
|
`element.dataset.*` への代入は、`data-*` 属性に**反映**する仕様です。
|
|
20
20
|
|
|
21
|
-
- [HTML Standard 日本語訳](https://momdo.github.io/html/dom.html#embedding-custom-non-visible-data-with-the-data-*-attributes)
|
|
21
|
+
- [3.2.6.6 data-*属性をもつカスタム非視覚データの埋め込み - HTML Standard 日本語訳](https://momdo.github.io/html/dom.html#embedding-custom-non-visible-data-with-the-data-*-attributes)
|
|
22
22
|
|
|
23
23
|
```
|
|
24
24
|
var div = document.createElement('div');
|
1
data-* 属性
answer
CHANGED
|
@@ -1,3 +1,5 @@
|
|
|
1
|
+
### if文の判定条件
|
|
2
|
+
|
|
1
3
|
> 上記コードの「div.dataset.result = 'win';」の部分が、いまいち分からないです。
|
|
2
4
|
|
|
3
5
|
後々、if文でwin/loseを判定する為に代入しています。
|
|
@@ -12,4 +14,21 @@
|
|
|
12
14
|
> }
|
|
13
15
|
> ```
|
|
14
16
|
|
|
17
|
+
### data-* 属性
|
|
18
|
+
|
|
19
|
+
`element.dataset.*` への代入は、`data-*` 属性に**反映**する仕様です。
|
|
20
|
+
|
|
21
|
+
- [HTML Standard 日本語訳](https://momdo.github.io/html/dom.html#embedding-custom-non-visible-data-with-the-data-*-attributes)
|
|
22
|
+
|
|
23
|
+
```
|
|
24
|
+
var div = document.createElement('div');
|
|
25
|
+
div.dataset.result = 'win';
|
|
26
|
+
console.log(div.dataset.result, div.getAttribute('data-result')); // "win" "win"
|
|
27
|
+
console.log(div.outerHTML); // <div data-result="win"></div>
|
|
28
|
+
|
|
29
|
+
div.setAttribute('data-result', 'lose');
|
|
30
|
+
console.log(div.dataset.result, div.getAttribute('data-result')); // "lose" "lose"
|
|
31
|
+
console.log(div.outerHTML);
|
|
32
|
+
```
|
|
33
|
+
|
|
15
34
|
Re: toll_tree さん
|