前提・実現したいこと
Javasprictでfor文繰り返してテーブルを作成してるときに、そのtdテーブルごとに画像を貼り付けたいです。
JS
1 //テーブル作成 2 var table = document.getElementById("table"); 3 4 for (var i = 0; i < 1; i++) { 5 var tr = document.createElement("tr"); 6 for (var j = 0; j < 4 ; j++) { 7 var td = document.createElement("td"); 8 td.className = "tile"; 9 td.number = j; 10 td.id = j; 11 td.onclick = click; 12 tr.appendChild(td); 13 } 14 table.appendChild(tr); 15 }
こんな感じで私は4つのtdを作成していますが、この各tdに画像を表示したいです。
(↑各td)
発生している問題・エラーメッセージ
エラーはでてません。
該当のソースコード
Js
1 <script> 2 "use strict"; 3 4 function init() { 5 //テーブル作成 6 var table = document.getElementById("table"); 7 8 for (var i = 0; i < 1; i++) { 9 var tr = document.createElement("tr"); 10 for (var j = 0; j < 4 ; j++) { 11 var td = document.createElement("td"); 12 td.id = "a"+j; 13 tr.appendChild(td); 14 } 15 table.appendChild(tr); 16 } 17 } 18 19 20 </script> 21</head> 22<body onload="init()"> 23 <table id="table"></table> 24 <img id="a0" src="joy.jpg"/> 25 <img id="a1" src="joy.jpg"/> 26 <img id="a2" src="joy.jpg"/> 27 <img id="a3" src="joy.jpg"/> 28 29</body>
試したこと
js
1 <img id="a0" src="joy.jpg"/> 2 <img id="a1" src="joy.jpg"/> 3 <img id="a2" src="joy.jpg"/> 4 <img id="a3" src="joy.jpg"/>
と入力しましたが表示できませんでした。
補足情報(FW/ツールのバージョンなど)
tr4つくらいならHTMLで<img>を使えばいいとなるかもしれませんが、それではプログラム的に都合が悪いので、Javasprictから操作がしたいです。
回答3件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2018/06/30 04:28
2018/06/30 04:32
2018/06/30 04:43
2018/06/30 04:46