如何使用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表格中显示图像？那好吧，你 必须创建一个IMG HTML元素<img src="'+ImageUrl+'"></img>所以像：

$.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>'; 
     })