回答編集履歴

1

初期値

2019/05/06 06:02

投稿

yambejp
yambejp

スコア114572

test CHANGED
@@ -29,3 +29,39 @@
29
29
  <div id="hoge" data-result="123">hoge</div>
30
30
 
31
31
  ```
32
+
33
+
34
+
35
+ # 追記
36
+
37
+ 初期値がない場合は参照するとundefinedとnullの違いが出てきます
38
+
39
+ その2つを同士の値を比べることは意味がないですが、
40
+
41
+ 未設定かどうかチェックする場合には上記の違いを意識する必要があります
42
+
43
+ ```javascript
44
+
45
+ <script>
46
+
47
+ window.addEventListener('DOMContentLoaded', function(e){
48
+
49
+ var fuga=document.querySelector('#fuga');
50
+
51
+ console.log([fuga.dataset.result,fuga.getAttribute("data-result")]);
52
+
53
+ fuga.setAttribute("data-result","abc");
54
+
55
+ console.log([fuga.dataset.result,fuga.getAttribute("data-result")]);
56
+
57
+ fuga.dataset.result="def";
58
+
59
+ console.log([fuga.dataset.result,fuga.getAttribute("data-result")]);
60
+
61
+ });
62
+
63
+ </script>
64
+
65
+ <div id="fuga">fuga</div>
66
+
67
+ ```