回答編集履歴
4
テキスト修正
test
CHANGED
|
@@ -28,7 +28,7 @@
|
|
|
28
28
|
|
|
29
29
|
|
|
30
30
|
|
|
31
|
-
以下に、簡単なサンプルを作成しました。
|
|
31
|
+
以下に、簡単なサンプルを作成しました。
|
|
32
32
|
|
|
33
33
|
|
|
34
34
|
|
|
@@ -52,4 +52,8 @@
|
|
|
52
52
|
|
|
53
53
|
|
|
54
54
|
|
|
55
|
+
なお、`img.src`に代入しているURLは [dummyimage.com](https://dummyimage.com/) を使っています。
|
|
56
|
+
|
|
57
|
+
|
|
58
|
+
|
|
55
59
|
以上、参考になれば幸いです。
|
3
テキスト修正
test
CHANGED
|
@@ -24,7 +24,7 @@
|
|
|
24
24
|
|
|
25
25
|
で作成している `td` に対して、 `createElement("img")` で作成したimg要素を
|
|
26
26
|
|
|
27
|
-
appendChildすればよいです。
|
|
27
|
+
`appendChild`すればよいです。
|
|
28
28
|
|
|
29
29
|
|
|
30
30
|
|
|
@@ -32,9 +32,23 @@
|
|
|
32
32
|
|
|
33
33
|
|
|
34
34
|
|
|
35
|
-
[https://jsfiddle.net/jun68ykt/t8h4vnmo/3
|
|
35
|
+
[https://jsfiddle.net/jun68ykt/t8h4vnmo/33/](https://jsfiddle.net/jun68ykt/t8h4vnmo/33/)
|
|
36
36
|
|
|
37
37
|
|
|
38
|
+
|
|
39
|
+
上記のサンプルの中で、以下の箇所で `td` に `img`を追加しています。
|
|
40
|
+
|
|
41
|
+
|
|
42
|
+
|
|
43
|
+
```javascript
|
|
44
|
+
|
|
45
|
+
var img = document.createElement("img");
|
|
46
|
+
|
|
47
|
+
img.src = "https://dummyimage.com/200x150/" + colors[j].value + "/000000&text=" + colors[j].name;
|
|
48
|
+
|
|
49
|
+
td.appendChild(img);
|
|
50
|
+
|
|
51
|
+
```
|
|
38
52
|
|
|
39
53
|
|
|
40
54
|
|
2
テキスト修正
test
CHANGED
|
@@ -10,7 +10,7 @@
|
|
|
10
10
|
|
|
11
11
|
var td = document.createElement("td");
|
|
12
12
|
|
|
13
|
-
td.id = j;
|
|
13
|
+
td.id = "a"+j;
|
|
14
14
|
|
|
15
15
|
tr.appendChild(td);
|
|
16
16
|
|
|
@@ -32,7 +32,7 @@
|
|
|
32
32
|
|
|
33
33
|
|
|
34
34
|
|
|
35
|
-
[https://jsfiddle.net/jun68ykt/t8h4vnmo/
|
|
35
|
+
[https://jsfiddle.net/jun68ykt/t8h4vnmo/30/](https://jsfiddle.net/jun68ykt/t8h4vnmo/30/)
|
|
36
36
|
|
|
37
37
|
|
|
38
38
|
|
1
テキスト修正
test
CHANGED
|
@@ -32,7 +32,7 @@
|
|
|
32
32
|
|
|
33
33
|
|
|
34
34
|
|
|
35
|
-
[https://jsfiddle.net/jun68ykt/t8h4vnmo/2
|
|
35
|
+
[https://jsfiddle.net/jun68ykt/t8h4vnmo/28/](https://jsfiddle.net/jun68ykt/t8h4vnmo/28/)
|
|
36
36
|
|
|
37
37
|
|
|
38
38
|
|