回答編集履歴

4

誤字修正

2021/06/21 04:35

投稿

digitalhimiko
digitalhimiko

スコア142

test CHANGED
@@ -28,7 +28,7 @@
28
28
 
29
29
  ```
30
30
 
31
- ※それからfor文の中で何度も変数をletで宣言するのはやめておきましょう。
31
+
32
32
 
33
33
 
34
34
 

3

追記部分追加

2021/06/21 04:35

投稿

digitalhimiko
digitalhimiko

スコア142

test CHANGED
@@ -37,3 +37,55 @@
37
37
 
38
38
 
39
39
  まずはこういう形で実験してみましょう!
40
+
41
+
42
+
43
+ [追記]
44
+
45
+ HTMLのimgタグにidを追加してみることで楽にDOMを指定できるようにしてみました。
46
+
47
+ ```
48
+
49
+ <!--<img>にidを追加しています。-->
50
+
51
+ <a href="service.html"><img id="change_img" class="big-bg" src="images/main_img01.png"></a>
52
+
53
+ ```
54
+
55
+
56
+
57
+ ```
58
+
59
+ const arr = new Array("images/main_img01.png","images/main_img02.png","images/main_img03.png");
60
+
61
+ let num=0;
62
+
63
+ //let img = document.getElementById("big-bg");
64
+
65
+ let img = document.getElementById("change_img");
66
+
67
+ console.log(img);
68
+
69
+ setInterval(()=>{
70
+
71
+ if (num === 2) {
72
+
73
+ num = 0;
74
+
75
+ }
76
+
77
+ else{
78
+
79
+ num++;
80
+
81
+ }
82
+
83
+ img.setAttribute('src', arr[num]); // img.src=と同じ意味です。
84
+
85
+ }
86
+
87
+ ,5000)
88
+
89
+
90
+
91
+ ```

2

投稿修正

2021/05/16 03:27

投稿

digitalhimiko
digitalhimiko

スコア142

test CHANGED
@@ -1,4 +1,4 @@
1
- ## Ans. src属性書き換えにはsetAttribute メソッドを使ってみましょう。
1
+ ## Ans. DOM取得がうまくいっていないよです
2
2
 
3
3
 
4
4
 
@@ -10,12 +10,30 @@
10
10
 
11
11
 
12
12
 
13
- 下記の参考サイトにあるようにsetAttribute メソッドを使ってみましょう。
13
+ いう場合はまずfor文で回す前一回だけの処理だけでちゃんと動くか確認してみましょう。
14
+
15
+ 例えば、、、
16
+
17
+ ```
18
+
19
+ const arr = new Array("images/main_img01.png","images/main_img02.png","images/main_img03.png");
20
+
21
+ let num=0;
22
+
23
+ let img = document.getElementsByClassName("big-bg"); // ここでDOMの取得を変えてみました。
24
+
25
+ console.log(img);
26
+
27
+ img[0].src = arr[1];
28
+
29
+ ```
14
30
 
15
31
  ※それからfor文の中で何度も変数をletで宣言するのはやめておきましょう。
16
32
 
17
33
 
18
34
 
19
- ※参考サイト
35
+ こうすると画像がちゃんと切り替わること確認できますよね。
20
36
 
37
+
38
+
21
- [JavaScript src 属性の値を取得・変更する](http://sarchitect.net/10364)
39
+ まずはこういう形実験してみましょう!

1

letについて追記

2021/05/16 03:22

投稿

digitalhimiko
digitalhimiko

スコア142

test CHANGED
@@ -12,6 +12,8 @@
12
12
 
13
13
  下記の参考サイトにあるようにsetAttribute メソッドを使ってみましょう。
14
14
 
15
+ ※それからfor文の中で何度も変数をletで宣言するのはやめておきましょう。
16
+
15
17
 
16
18
 
17
19
  ※参考サイト