回答編集履歴
3
appendChildさせる変数が間違っていたので修正
test
CHANGED
|
@@ -46,9 +46,11 @@
|
|
|
46
46
|
|
|
47
47
|
// itemを代入し直してないので、下記のようにidを変えたい要素の変数を変更でオーケー
|
|
48
48
|
|
|
49
|
-
newItem.id = item;
|
|
49
|
+
newItem.id = item;
|
|
50
50
|
|
|
51
|
+
// appendChildさせる要素を、今回追加した変数に変更
|
|
52
|
+
|
|
51
|
-
results.appendChild(
|
|
53
|
+
results.appendChild(newItem);
|
|
52
54
|
|
|
53
55
|
|
|
54
56
|
|
2
文章の見やすさや、コメントアウトの誤表現を修正
test
CHANGED
|
@@ -8,7 +8,11 @@
|
|
|
8
8
|
|
|
9
9
|
（公式ではないですが、公式の引用があるので、かなり信用できる内容です）
|
|
10
10
|
|
|
11
|
+
~~また、実際に使用しても、~~
|
|
12
|
+
|
|
11
|
-
|
|
13
|
+
ただし、**CSSがきかない**~~、JSでのコントロールでエラーが起きたりなど、~~**という弊害**がでます。
|
|
14
|
+
|
|
15
|
+
（CSSでコントロールしない限りは大丈夫かと思います）
|
|
12
16
|
|
|
13
17
|
~~（HTMLでid定義した要素は、JavaScript上で、そのid名だけで取得できる→JavaScriptでは数値が頭文字の変数定義は許可されていない、など）~~
|
|
14
18
|
|
|
@@ -40,7 +44,7 @@
|
|
|
40
44
|
|
|
41
45
|
|
|
42
46
|
|
|
43
|
-
// i
|
|
47
|
+
// itemを代入し直してないので、下記のようにidを変えたい要素の変数を変更でオーケー
|
|
44
48
|
|
|
45
49
|
newItem.id = item;
|
|
46
50
|
|
1
idに数値が許可されている（HTML5以降）最新の仕様に基づいた内容に修正
test
CHANGED
|
@@ -1,4 +1,6 @@
|
|
|
1
|
-
まず第一に、HTMLの仕様におけるidは、**数字のみ**、**頭文字が数字**は許可されておりません。
|
|
1
|
+
~~まず第一に、HTMLの仕様におけるidは、**数字のみ**、**頭文字が数字**は許可されておりません。~~
|
|
2
|
+
|
|
3
|
+
上記は、古い情報だったようで、現代（HTML5以降）においては許可されているようです。
|
|
2
4
|
|
|
3
5
|
|
|
4
6
|
|
|
@@ -6,9 +8,9 @@
|
|
|
6
8
|
|
|
7
9
|
（公式ではないですが、公式の引用があるので、かなり信用できる内容です）
|
|
8
10
|
|
|
9
|
-
また、実際に使用しても、CSSがきかない、JSでのコントロールでエラーが起きたりなど、
|
|
11
|
+
~~また、実際に使用しても、~~ただし、CSSがきかない~~、JSでのコントロールでエラーが起きたりなど、~~という弊害がでます。（CSSでコントロールしない限りは大丈夫かと思います）
|
|
10
12
|
|
|
11
|
-
（HTMLでid定義した要素は、JavaScript上で、そのid名だけで取得できる→JavaScriptでは数値が頭文字の変数定義は許可されていない、など）
|
|
13
|
+
~~（HTMLでid定義した要素は、JavaScript上で、そのid名だけで取得できる→JavaScriptでは数値が頭文字の変数定義は許可されていない、など）~~
|
|
12
14
|
|
|
13
15
|
|
|
14
16
|
|
|
@@ -40,7 +42,7 @@
|
|
|
40
42
|
|
|
41
43
|
// id名を文字列+数値にする（上記の変更に併せて修正）
|
|
42
44
|
|
|
43
|
-
newItem.id =
|
|
45
|
+
newItem.id = item;
|
|
44
46
|
|
|
45
47
|
results.appendChild(item);
|
|
46
48
|
|
|
@@ -48,15 +50,7 @@
|
|
|
48
50
|
|
|
49
51
|
//要素が追加されたか確認
|
|
50
52
|
|
|
51
|
-
// itemにはすでに、要素が代入し直されてしまっていたので、取得できるわけがない
|
|
52
|
-
|
|
53
|
-
|
|
53
|
+
document.getElementById(item).textContent += "テスト";
|
|
54
|
-
|
|
55
|
-
// よって下記に修正
|
|
56
|
-
|
|
57
|
-
document.getElementById('res' + item).textContent += "テスト";
|
|
58
|
-
|
|
59
|
-
|
|
60
54
|
|
|
61
55
|
}
|
|
62
56
|
|
|
@@ -64,8 +58,6 @@
|
|
|
64
58
|
|
|
65
59
|
//要素が追加されたか確認
|
|
66
60
|
|
|
67
|
-
// resの文字列を追加
|
|
68
|
-
|
|
69
|
-
document.getElementById('
|
|
61
|
+
document.getElementById('1').textContent += 111;
|
|
70
62
|
|
|
71
63
|
```
|