无法将图像作为表格添加到 javascript答案

【问题标题】：Unable to add images to javascript as a table无法将图像作为表格添加到 javascript
【发布时间】：2018-06-27 21:38:43
【问题描述】：

我有一个 js 文件，我在其中创建了一个动态调整的表格，并且我已经弄清楚了如何将文本添加到列中。我还想添加可以从数组访问的图像并将它们也显示为列。我已经尝试了几件事，但我得到了 [object HTMLImageElement]。

这是我的代码：

for (var i = 1; i <= testNum; i++) {
      cInstance.tests(i).then(function(test) {
      var id = test[0];
      var name = test[1];
      var img = new Image();
      img.src = images[i];

      var testTemplate = "<tr><th>" + img + "</th><td>" + name + "</td></tr>"
      testResults.append(testTemplate);

      var testOption = "<option value='" + id + "' >" + name + "</ option>"
      testsSelect.append(testOption);


    });

我在代码之外初始化了图像数组。

【问题讨论】：

标签： javascript html image javascript-objects

【解决方案1】：

图像是一个 HTML DOM 元素，如果将其添加到模板中，它将被转换为字符串（因此您会得到一个字符串：[object HTMLImageElement]）。您应该使用 appendChild() 将其添加到另一个 DOM 元素 ...

【讨论】：

感谢您的回复。你能给出一个简单的实现例子吗？我该怎么做？
let testTemplate = "<tr><th><img src=" + images[i] + "></th><td>" + name + "</td></tr>";