Javascript 将图像附加到<；td>；通过jquery

我正在努力解决将图像附加到

-元素的问题。不幸的是，我无法向您展示完整的JSFIDLE（值计算相当复杂），但我希望一些代码片段就足够了

表结构：

var table = createElement('table');
var header = table.createTHead();
var row = header.insertRow(0);
var cell0 = row.insertCell(0);
cell0.innerHTML = "Indikator"
var cell1 = row.insertCell(1);
cell1.innerHTML = "In dieser Region"
var cell2 = row.insertCell(2);
cell2.innerHTML = "Alle Regionen: Höchster Werte"
var cell3 = row.insertCell(3);
cell3.innerHTML = "Alle Regionen: Niedrigster Werte"
var cell4 = row.insertCell(4);
cell4.innerHTML = "Alle Regionen: Durchschnitt"
var cell5 = row.insertCell(5);
cell5.innerHTML = "Bewertung";
tbody = table.appendChild(document.createElement('tbody'));

然后我使用for循环，在这里创建表的其余部分：

for (var key in values) {
    //...
    //method to calculate some values
    ...
    //append values to tbody
    $(table).find(tbody).append("<tr>");
    $(table).find(tbody).append( "<td>"+(indicatorValue)+"</td>");
    $(table).find(tbody).append( "<td>"+(regionValue)+"</td>");
    $(table).find(tbody).append( "<td>"+(bestValues)+"</td>");
    $(table).find(tbody).append( "<td>"+(worstValues)+"</td>");
    $(table).find(tbody).append( "<td>"+(average)+"</td>");
    $(table).find(tbody).append( "<td>"+ createIndicator(picIdentifier));
}

我的问题是：图像并没有被创建，但它只是为图像应该位于的每个单元格声明

[object HTMLImageElement]

。您可以在这里查看：

我尝试了一些解决方法，也得到了一个结果，即使用

$（table.find（tbody.append）（createIndicator（picIdentifier））创建图像但是我不在表格单元格中创建图像。请在此处查看它的外观：

如果您使用Firefox或Chrome，请右键单击图像，选择Inspect元素，检查是否存在任何潜在的DOM错误。请记住，它必须包装在
中。
我希望这能起作用，不要追求功能

  var img = "<img src='img/green_circle.png' />";
  if(picIdentifier != 'green')
  {
    img = "<img src='img/red_circle.png' />";
  }
  $(table).find(tbody).append( "<td>"+ img +"</td>");

var img=”“；
如果（picIdentifier！=“绿色”）
{
img=“”；
}
$（表）.find（tbody.append（“+img+”）；

您不能返回元素，它将始终返回对象，因此您可以在函数中附加它，或者使用我的代码。
完全没有DOM错误。通过调用createIndicator方法，它也会返回正确的值：我指的是图像在工作时不显示为表单元格的部分。无论如何：谢谢你的时间和努力：）能安排一下它的尺寸吗？
  var img = "<img src='img/green_circle.png' />";
  if(picIdentifier != 'green')
  {
    img = "<img src='img/red_circle.png' />";
  }
  $(table).find(tbody).append( "<td>"+ img +"</td>");