Question

我有一个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);


    });

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

Answer 1

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

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

1 个答案: