回答編集履歴

2

補足説明の追記

2019/11/08 22:36

投稿

AkitoshiManabe
AkitoshiManabe

スコア5432

test CHANGED
@@ -24,7 +24,7 @@
24
24
 
25
25
  JavaScript では2つとも変数展開する機能は無く、違いも無いように感じますが、
26
26
 
27
- 質問コードのように、innerHTML用に与える文字列を生成する場合、属性部分にダブルクォートを含む文字列とるため、エスケープ箇所が増えてしまいます。
27
+ 質問コードのように、innerHTML用に与える文字列を生成する場合、属性部分にダブルクォートを含む文字列とるため、エスケープ箇所が増えてしまいます。
28
28
 
29
29
  ですから、JavaScript では シングルクォートで統一するといいよね。って習慣もありました。
30
30
 
@@ -47,3 +47,17 @@
47
47
 
48
48
 
49
49
  だんだんと簡潔に書けるようになっています。
50
+
51
+
52
+
53
+ 追記)
54
+
55
+ 質問コードはHTML属性値の記述は**シングルクォートでも認識される**ためですね。
56
+
57
+ ```
58
+
59
+ tag+='<img src="num' + i + '.gif" />'; // シングルクォート
60
+
61
+ tag+="<img src='num" + i + ".gif' />"; // 質問のコード
62
+
63
+ ```

1

若干の修正。(日本語がオカシカッタため)

2019/11/08 22:36

投稿

AkitoshiManabe
AkitoshiManabe

スコア5432

test CHANGED
@@ -24,7 +24,7 @@
24
24
 
25
25
  JavaScript では2つとも変数展開する機能は無く、違いも無いように感じますが、
26
26
 
27
- 質問コードのように、innerHTML用に与える文字列を生成したりする場合、属性部分にダブルクォートを含む文字列とめ、エスケープ箇所が増えてしまいます。
27
+ 質問コードのように、innerHTML用に与える文字列を生成する場合、属性部分にダブルクォートを含む文字列とるため、エスケープ箇所が増えてしまいます。
28
28
 
29
29
  ですから、JavaScript では シングルクォートで統一するといいよね。って習慣もありました。
30
30
 
@@ -46,4 +46,4 @@
46
46
 
47
47
 
48
48
 
49
- 簡潔に書けるようになっています。
49
+ だんだんと簡潔に書けるようになっています。