回答編集履歴
4
テキスト修正
answer
CHANGED
|
@@ -13,7 +13,7 @@
|
|
|
13
13
|
で作成している `td` に対して、 `createElement("img")` で作成したimg要素を
|
|
14
14
|
`appendChild`すればよいです。
|
|
15
15
|
|
|
16
|
-
以下に、簡単なサンプルを作成しました。
|
|
16
|
+
以下に、簡単なサンプルを作成しました。
|
|
17
17
|
|
|
18
18
|
[https://jsfiddle.net/jun68ykt/t8h4vnmo/33/](https://jsfiddle.net/jun68ykt/t8h4vnmo/33/)
|
|
19
19
|
|
|
@@ -25,4 +25,6 @@
|
|
|
25
25
|
td.appendChild(img);
|
|
26
26
|
```
|
|
27
27
|
|
|
28
|
+
なお、`img.src`に代入しているURLは [dummyimage.com](https://dummyimage.com/) を使っています。
|
|
29
|
+
|
|
28
30
|
以上、参考になれば幸いです。
|
3
テキスト修正
answer
CHANGED
|
@@ -11,11 +11,18 @@
|
|
|
11
11
|
```
|
|
12
12
|
|
|
13
13
|
で作成している `td` に対して、 `createElement("img")` で作成したimg要素を
|
|
14
|
-
appendChildすればよいです。
|
|
14
|
+
`appendChild`すればよいです。
|
|
15
15
|
|
|
16
16
|
以下に、簡単なサンプルを作成しました。（※画像は [dummyimage.com](https://dummyimage.com/) を使っています）
|
|
17
17
|
|
|
18
|
-
[https://jsfiddle.net/jun68ykt/t8h4vnmo/
|
|
18
|
+
[https://jsfiddle.net/jun68ykt/t8h4vnmo/33/](https://jsfiddle.net/jun68ykt/t8h4vnmo/33/)
|
|
19
19
|
|
|
20
|
+
上記のサンプルの中で、以下の箇所で `td` に `img`を追加しています。
|
|
20
21
|
|
|
22
|
+
```javascript
|
|
23
|
+
var img = document.createElement("img");
|
|
24
|
+
img.src = "https://dummyimage.com/200x150/" + colors[j].value + "/000000&text=" + colors[j].name;
|
|
25
|
+
td.appendChild(img);
|
|
26
|
+
```
|
|
27
|
+
|
|
21
28
|
以上、参考になれば幸いです。
|
2
テキスト修正
answer
CHANGED
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
```javascript
|
|
5
5
|
for (var j = 0; j < 4 ; j++) {
|
|
6
6
|
var td = document.createElement("td");
|
|
7
|
-
td.id = j;
|
|
7
|
+
td.id = "a"+j;
|
|
8
8
|
tr.appendChild(td);
|
|
9
9
|
}
|
|
10
10
|
|
|
@@ -15,7 +15,7 @@
|
|
|
15
15
|
|
|
16
16
|
以下に、簡単なサンプルを作成しました。（※画像は [dummyimage.com](https://dummyimage.com/) を使っています）
|
|
17
17
|
|
|
18
|
-
[https://jsfiddle.net/jun68ykt/t8h4vnmo/
|
|
18
|
+
[https://jsfiddle.net/jun68ykt/t8h4vnmo/30/](https://jsfiddle.net/jun68ykt/t8h4vnmo/30/)
|
|
19
19
|
|
|
20
20
|
|
|
21
21
|
以上、参考になれば幸いです。
|
1
テキスト修正
answer
CHANGED
|
@@ -15,7 +15,7 @@
|
|
|
15
15
|
|
|
16
16
|
以下に、簡単なサンプルを作成しました。（※画像は [dummyimage.com](https://dummyimage.com/) を使っています）
|
|
17
17
|
|
|
18
|
-
[https://jsfiddle.net/jun68ykt/t8h4vnmo/
|
|
18
|
+
[https://jsfiddle.net/jun68ykt/t8h4vnmo/28/](https://jsfiddle.net/jun68ykt/t8h4vnmo/28/)
|
|
19
19
|
|
|
20
20
|
|
|
21
21
|
以上、参考になれば幸いです。
|