質問編集履歴

3

文法の修正

2022/08/10 05:47

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -11,7 +11,7 @@
11
11
  ```
12
12
 
13
13
  ### 該当のソースコード
14
- ```HTML, JavaScript
14
+ ```JavaScript
15
15
  <body>
16
16
  <button class="button">ボタン</button>
17
17
  <div class="imgArea"></div>

2

コード挿入タグ入れ忘れました

2022/08/10 05:33

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -35,17 +35,20 @@
35
35
  </script>
36
36
  </body>
37
37
 
38
-
38
+ ```
39
39
 
40
40
 
41
41
  ### 試したこと
42
42
  下記のコードも同じ挙動をするのですが、同じエラーが出てしまいます。
43
43
 
44
+ ```javascript
44
45
  while (cnt > 3) {
45
46
  imgArea.removeChild(imgArea.childNodes.item(0));
46
47
  }
48
+ ```
47
49
 
48
- ```
50
+
51
+
49
52
 
50
53
 
51
54
 

1

コード挿入タグを入れ忘れました

2022/08/10 05:31

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -1,97 +1,54 @@
1
1
  ### 前提・実現したいこと
2
+ JavaScriptでボタンを押したら画像が追加され、画像の数が3つより大きくなったら画像を消すという処理です。
3
+ 意図した挙動にはなるのですが、エラーがでます。
4
+ https://developer.mozilla.org/ja/docs/Web/API/Node/removeChild
5
+ 上記のMDNサイトにはエラーが出ると書いてあります。挙動は問題ないのですが、エラーが出たままでもよいのでしょうか?
6
+ ### 発生している問題・エラーメッセージ
2
7
 
8
+ ```
9
+ Uncaught TypeError: Failed to execute 'removeChild' on 'Node': parameter 1 is not of type 'Node'.
3
- JavaScriptでボタンを押したら画像が追加され、画像の数が3つより大きくなったら画像を消すという処理です。
10
+ at HTMLButtonElement.<anonymous>
11
+ ```
4
12
 
13
+ ### 該当のソースコード
5
- 意図した挙動にはなるのですが、エラーがでます。
14
+ ```HTML, JavaScript
15
+ <body>
16
+ <button class="button">ボタン</button>
17
+ <div class="imgArea"></div>
18
+ <script>
6
19
 
7
- https://developer.mozilla.org/ja/docs/Web/API/Node/removeChild
20
+ document.querySelector('.button').addEventListener('click',() => {
21
+ let imgElement = document.createElement('img');
22
+ imgElement.src = 'images/画像ファイル.png';
8
23
 
9
- 上記のMDNサイトにはエラーが出ると書いてあります。挙動は問題ないのですが、エラーが出たままでもよいのでしょうか?
24
+ let imgArea = document.querySelector('.imgArea');
25
+ imgArea.appendChild(imgElement);
10
26
 
27
+ let cnt = document.images.length;
28
+ // console.log(cnt);
29
+
11
- ### 発生している問題・エラーメッセージ
30
+ while (cnt > 3) {
31
+ imgArea.removeChild(imgArea.firstChild);
32
+ }
33
+ });
34
+
35
+ </script>
36
+ </body>
12
37
 
13
38
 
14
39
 
15
- ```
16
40
 
41
+ ### 試したこと
17
- Uncaught TypeError: Failed to execute 'removeChild' on 'Node': parameter 1 is not of type 'Node'.
42
+ 下記のコードも同じ挙動をするのですが、同じエラーが出てしまいます。
18
43
 
44
+ while (cnt > 3) {
19
- at HTMLButtonElement.<anonymous>
45
+ imgArea.removeChild(imgArea.childNodes.item(0));
46
+ }
20
47
 
21
48
  ```
22
49
 
23
50
 
24
51
 
25
- ### 該当のソースコード
26
-
27
- HTML, JavaScript
28
-
29
- <body>
30
-
31
- <button class="button">ボタン</button>
32
-
33
- <div class="imgArea"></div>
34
-
35
- <script>
36
-
37
-
38
-
39
- document.querySelector('.button').addEventListener('click',() => {
40
-
41
- let imgElement = document.createElement('img');
42
-
43
- imgElement.src = 'images/画像ファイル.png';
44
-
45
-
46
-
47
- let imgArea = document.querySelector('.imgArea');
48
-
49
- imgArea.appendChild(imgElement);
50
-
51
-
52
-
53
- let cnt = document.images.length;
54
-
55
- // console.log(cnt);
56
-
57
-
58
-
59
- while (cnt > 3) {
60
-
61
- imgArea.removeChild(imgArea.firstChild);
62
-
63
- }
64
-
65
- });
66
-
67
-
68
-
69
- </script>
70
-
71
- </body>
72
-
73
-
74
-
75
-
76
-
77
-
78
-
79
-
80
-
81
- ### 試したこと
82
-
83
- 下記のコードも同じ挙動をするのですが、同じエラーが出てしまいます。
84
-
85
-
86
-
87
- while (cnt > 3) {
88
-
89
- imgArea.removeChild(imgArea.childNodes.item(0));
90
-
91
- }
92
-
93
52
  ### 補足情報(FW/ツールのバージョンなど)
94
53
 
95
-
96
-
97
54
  ここにより詳細な情報を記載してください。