如何使用javascript在HTML表格中显示图片?

时间:2017-01-03 13:25:03

标签: javascript html

我想使用变量为图像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>'; 
      }) 

如何在表格中显示图像。

1 个答案:

答案 0 :(得分:2)

如果我是正确的,你试图在你的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>'; 
      })