質問編集履歴
2
codeの修正
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -64,7 +64,9 @@
|
|
|
64
64
|
|
|
65
65
|
### コード：
|
|
66
66
|
|
|
67
|
+
|
|
68
|
+
|
|
67
|
-
|
|
69
|
+
```JavaScript
|
|
68
70
|
|
|
69
71
|
const elmText = document.querySelector('.elm-text');
|
|
70
72
|
|
|
@@ -141,3 +143,5 @@
|
|
|
141
143
|
}
|
|
142
144
|
|
|
143
145
|
}
|
|
146
|
+
|
|
147
|
+
```
|
1
文法の修正
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -1,6 +1,4 @@
|
|
|
1
1
|
### やりたいこと：
|
|
2
|
-
|
|
3
|
-
下記コードにある処理部分３か所をfor文で同時に処理したい。
|
|
4
2
|
|
|
5
3
|
queryselectorAllが複数あり、これをfor文で同時処理を行いたい。
|
|
6
4
|
|
|
@@ -10,15 +8,19 @@
|
|
|
10
8
|
|
|
11
9
|
### 試してみたこと：
|
|
12
10
|
|
|
13
|
-
・
|
|
11
|
+
・使用するqueryselectorAll('textarea'),queryselectorAll('.ta-parent)を配列にする。
|
|
14
12
|
|
|
15
|
-
・使用するqueryselectorAll('textarea'),queryselectorAll('.ta-parent)を配列にして処理しようと試みた。
|
|
16
|
-
|
|
17
|
-
|
|
13
|
+
・分割代入を使用して、for文で処理しようとした。
|
|
18
14
|
|
|
19
15
|
|
|
20
16
|
|
|
21
|
-
|
|
17
|
+
該当箇所：
|
|
18
|
+
|
|
19
|
+
const paChild = [...iterable, ...taParent];
|
|
20
|
+
|
|
21
|
+
|
|
22
|
+
|
|
23
|
+
for (const [elmTa, taChild] of paChild) { ～
|
|
22
24
|
|
|
23
25
|
|
|
24
26
|
|
|
@@ -36,7 +38,7 @@
|
|
|
36
38
|
|
|
37
39
|
Uncaught TypeError: Failed to execute 'appendChild' on 'Node': parameter 1 is not of type 'Node
|
|
38
40
|
|
|
39
|
-
(appendChild使うときは、Nodeじゃないと
|
|
41
|
+
(appendChild使うときは、Nodeじゃないと不可)
|
|
40
42
|
|
|
41
43
|
|
|
42
44
|
|
|
@@ -44,15 +46,19 @@
|
|
|
44
46
|
|
|
45
47
|
### まとめ：
|
|
46
48
|
|
|
47
|
-
・queryselectorAll複数をfor文で同時処理する為に、queryselectorAllを配列にし
|
|
49
|
+
・queryselectorAll複数をfor文で同時処理する為に、queryselectorAllを配列にした。
|
|
48
50
|
|
|
49
|
-
・
|
|
51
|
+
・分割代入を使用してfor文で処理しようとした(コード参照)
|
|
50
52
|
|
|
53
|
+
・for文の変数部分(taChild)はappendechildを使用している為、ノードでないと処理できない(配列は不可)
|
|
54
|
+
|
|
51
|
-
・
|
|
55
|
+
・しかし、配列処理をしないとqueryselectorAll複数のセレクターは複数同時処理できない
|
|
52
56
|
|
|
53
57
|
|
|
54
58
|
|
|
59
|
+
queryselectorAllが複数ある時、for文にて同時処理するにはどうすれば宜しいか、
|
|
60
|
+
|
|
55
|
-
|
|
61
|
+
何卒ご教示お願い致します。
|
|
56
62
|
|
|
57
63
|
|
|
58
64
|
|
|
@@ -106,7 +112,7 @@
|
|
|
106
112
|
|
|
107
113
|
element.appendChild(iptaParent);
|
|
108
114
|
|
|
109
|
-
iptaParent.appendChild(taChild); ←処理部分
|
|
115
|
+
iptaParent.appendChild(taChild); ←処理部分、エラー箇所
|
|
110
116
|
|
|
111
117
|
iptaParent.appendChild(elmTa);
|
|
112
118
|
|
|
@@ -135,5 +141,3 @@
|
|
|
135
141
|
}
|
|
136
142
|
|
|
137
143
|
}
|
|
138
|
-
|
|
139
|
-
```
|