Warning: file_get_contents(/data/phpspider/zhask/data//catemap/5/bash/16.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何使用javascript在HTML表中显示图像?_Javascript_Html - Fatal编程技术网

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

如何使用javascript在HTML表中显示图像?,javascript,html,Javascript,Html,我想使用图像src的变量在表格单元格中显示图像。 我如下所示显示我的文本数据,但我未能在表上显示图像 var div = document.getElementById('packsTable'); $.each(childData, function(key, item) { ImageUrl = "Brush_Basic1.png"; var typeName = childData[key]; div.innerHT

我想使用图像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>'; 
      }) 
var div=document.getElementById('packsTable');
$。每个(子数据、函数(键、项){
ImageUrl=“Brush\u Basic1.png”;
var typeName=childData[key];
div.innerHTML=div.innerHTML+“”+key+“”
+''+childData[key].ID+''
+''+childData[键]。锁+''的
+''+childData[键]。已锁定''
+''+childData[key].PLAYSTORE+''
+''+childData[键]。缩略图+''
+''+childData[key].TR+''
+''+ImageUrl+''的
+''+attr(“src”,ImageUrl)+'';
}) 

如何在表格中显示图像。

如果我没有错,您正在尝试在html表格中显示图像?那么 您必须创建一个img 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>'; 
      }) 
$。每个(子数据、函数(键、项){
ImageUrl=“Brush\u Basic1.png”;
var typeName=childData[key];
div.innerHTML=div.innerHTML+“”+key+“”
+''+childData[key].ID+''
+''+childData[键]。锁+''的
+''+childData[键]。已锁定''
+''+childData[key].PLAYSTORE+''
+''+childData[键]。缩略图+''
+''+childData[key].TR+''
+''+ImageUrl+''的
+ ''; 
}) 

在哪里定义了
attr
功能?你期望它做什么?