Javascript 迭代JSON并获取每个数据键的图像

我有这张桌子

<table id="player_info">
<tr>
<th>Position</th>
<th>Club</th>
<th>Points</th>
<th>Matches Played</th>
<th>Wins</th>
<th>Draws</th>
<th>Losses</th>
<th>Goals For</th>
<th>Goals Against</th>
<th>Goal Difference</th>
<th>Form</th>
</tr>
</table>

位置
俱乐部
要点
比赛
获胜
绘制
损失
目标
进球对抗
目标差
形式

我有一个函数，它遍历JSON键并用每个键创建一个新的表单元格。我想让每个俱乐部的标志出现在其名称旁边的表格单元格中。徽标URL存储在JSON中

我当前的代码

data.api.standings[0].forEach(elements => {

        var tr = document.createElement('tr');

        var img = new Image();

        img.src = elements.logo;

        tr.innerHTML = '<td>' + elements.rank + '</td>' + 
                       '<td>' + elements.teamName +  img + '</td>' + 
                       '<td>' + elements.points + '</td>' + 
                       '<td>' + elements.all.matchsPlayed + '</td>' + 
                       '<td>' + elements.all.win + '</td>' + 
                       '<td>' + elements.all.draw + '</td>' + 
                    '<td>' + elements.all.lose + '</td>' + 
                    '<td>' + elements.all.goalsFor + '</td>' + 
                    '<td>' + elements.all.goalsAgainst + '</td>' + 
                    '<td>' + elements.goalsDiff + '</td>' + 
                    '<td>' + elements.forme + '</td>';

        table.appendChild(tr);

    });

data.api.standings[0]。forEach（元素=>{
var tr=document.createElement（'tr'）；
var img=新图像（）；
img.src=elements.logo；
tr.innerHTML=''+elements.rank+''+
''+elements.teamName+img+''+
''+元素.点+''+
''+元素.all.matchsPlayed+''
''+elements.all.win+''+
''+elements.all.draw+''+
''+elements.all.lose+''+
''+元素.all.goalsFor+''+
''+elements.all.GoalsCountry+''+
''+elements.goalsDiff+''+
''+元素.forme+''；
表1.儿童（tr）；
});

---

但是，我得到的是团队名称和[object HTMLImageElement]，没有图像。

在您的情况下，您可以这样做

var img = '<img src="' + elements.logo + '" />'

var img=''

---

你不需要制作一个img元素

而需要将image元素附加到td（类似地，你将tr附加到表中）。我怎样才能更改此图像的大小？使用css或在img标签上定义高度和宽度

也许你有一个全局css覆盖图像的大小？