我想使用变量为图像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>';
})
如何在表格中显示图像。
答案 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>';
})