質問編集履歴
2
codeの修正
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -31,7 +31,8 @@
|
|
|
31
31
|
何卒ご教示お願い致します。
|
|
32
32
|
|
|
33
33
|
### コード：
|
|
34
|
+
|
|
34
|
-
|
|
35
|
+
```JavaScript
|
|
35
36
|
const elmText = document.querySelector('.elm-text');
|
|
36
37
|
|
|
37
38
|
elmText.onclick = () => {
|
|
@@ -69,4 +70,5 @@
|
|
|
69
70
|
}
|
|
70
71
|
let t = e.target;
|
|
71
72
|
}
|
|
72
|
-
}
|
|
73
|
+
}
|
|
74
|
+
```
|
1
文法の修正
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -1,31 +1,34 @@
|
|
|
1
1
|
### やりたいこと：
|
|
2
|
-
下記コードにある処理部分３か所をfor文で同時に処理したい。
|
|
3
2
|
queryselectorAllが複数あり、これをfor文で同時処理を行いたい。
|
|
4
3
|
(queryselectorAll('textarea'),queryselectorAll('.ta-parent)
|
|
5
4
|
|
|
6
5
|
### 試してみたこと：
|
|
7
|
-
・分割代入を行う
|
|
8
|
-
・使用するqueryselectorAll('textarea'),queryselectorAll('.ta-parent)を配列に
|
|
6
|
+
・使用するqueryselectorAll('textarea'),queryselectorAll('.ta-parent)を配列にする。
|
|
9
|
-
|
|
7
|
+
・分割代入を使用して、for文で処理しようとした。
|
|
10
8
|
|
|
11
|
-
|
|
9
|
+
該当箇所：
|
|
10
|
+
const paChild = [...iterable, ...taParent];
|
|
12
11
|
|
|
12
|
+
for (const [elmTa, taChild] of paChild) { ～
|
|
13
13
|
|
|
14
14
|
|
|
15
|
+
|
|
15
16
|
### エラー内容：
|
|
16
17
|
上記を行ったがエラーがでた。
|
|
17
18
|
エラー箇所：iptaParent.appendChild(taChild); 処理部分の３か所目
|
|
18
19
|
エラー内容：
|
|
19
20
|
Uncaught TypeError: Failed to execute 'appendChild' on 'Node': parameter 1 is not of type 'Node
|
|
20
|
-
(appendChild使うときは、Nodeじゃないと
|
|
21
|
+
(appendChild使うときは、Nodeじゃないと不可)
|
|
21
22
|
|
|
22
23
|
|
|
23
24
|
### まとめ：
|
|
24
|
-
・queryselectorAll複数をfor文で同時処理する為に、queryselectorAllを配列にし
|
|
25
|
+
・queryselectorAll複数をfor文で同時処理する為に、queryselectorAllを配列にした。
|
|
26
|
+
・分割代入を使用してfor文で処理しようとした(コード参照)
|
|
25
|
-
・
|
|
27
|
+
・for文の変数部分(taChild)はappendechildを使用している為、ノードでないと処理できない(配列は不可)
|
|
26
|
-
・
|
|
28
|
+
・しかし、配列処理をしないとqueryselectorAll複数のセレクターは複数同時処理できない
|
|
27
29
|
|
|
30
|
+
queryselectorAllが複数ある時、for文にて同時処理するにはどうすれば宜しいか、
|
|
28
|
-
|
|
31
|
+
何卒ご教示お願い致します。
|
|
29
32
|
|
|
30
33
|
### コード：
|
|
31
34
|
```JavaScript
|
|
@@ -52,7 +55,7 @@
|
|
|
52
55
|
ipCheck.style.top = elmTa.getBoundingClientRect().bottom - cRect().top -15 + 'px'; ←処理部分
|
|
53
56
|
|
|
54
57
|
element.appendChild(iptaParent);
|
|
55
|
-
iptaParent.appendChild(taChild); ←処理部分
|
|
58
|
+
iptaParent.appendChild(taChild); ←処理部分、エラー箇所
|
|
56
59
|
iptaParent.appendChild(elmTa);
|
|
57
60
|
}
|
|
58
61
|
|
|
@@ -66,5 +69,4 @@
|
|
|
66
69
|
}
|
|
67
70
|
let t = e.target;
|
|
68
71
|
}
|
|
69
|
-
}
|
|
72
|
+
}
|
|
70
|
-
```
|