javascriptを使用してHTMLテーブル内の画像を表示するには？

Question

画像srcに変数を使用してテーブルセル内に画像を表示したいとします。 テキストデータを次のように表示しますが、テーブルに画像を表示できませんでした。

var div = document.getElementById('packsTable'); 

     $.each(childData, function(key, item) { 
      ImageUrl = "Brush_Basic1.png"; 
      var typeName = childData[key]; 
      div.innerHTML = div.innerHTML + '<td>'+key+'</td>' 
         + '<td>'+childData[key].ID+'</td>' 
         + '<td>'+childData[key].LOCK+'</td>' 
         + '<td>'+childData[key].LOCKED+'</td>' 
         + '<td>'+childData[key].PLAYSTORE+'</td>' 
         + '<td>'+childData[key].THUMBNAIL+'</td>' 
         + '<td>'+childData[key].TR+'</td>' 
         + '<td>'+ImageUrl+'</td>' 
         + '<td>'+attr("src", ImageUrl)+'</td></div>'; 
     }) 

テーブル内の画像の表示方法。

Answer 1

私はあなたのhtmlテーブルに画像を表示しようとしている場合は正しいですか？

$.each(childData, function(key, item) { 
      ImageUrl = "Brush_Basic1.png"; 
      var typeName = childData[key]; 
      div.innerHTML = div.innerHTML + '<td>'+key+'</td>' 
         + '<td>'+childData[key].ID+'</td>' 
         + '<td>'+childData[key].LOCK+'</td>' 
         + '<td>'+childData[key].LOCKED+'</td>' 
         + '<td>'+childData[key].PLAYSTORE+'</td>' 
         + '<td>'+childData[key].THUMBNAIL+'</td>' 
         + '<td>'+childData[key].TR+'</td>' 
         + '<td>'+ImageUrl+'</td>' 
         + '<td><img src="'+ImageUrl+'"></img></td></div>'; 
     })