javascript - 将图像添加到给定链接的表中

Question

我有以下代码来遍历我的行和列

           for (var j=0; j < cols; j++) {
            for (var k=0; k < cols; k++) {
              alert(data[j][i])
              if(data[j][i].endsWith(".jpg"))
              {
                var img = document.createElement('img');
                img.src = data[j][i];
                img.onload = function() { //check to make sure that the 
                  tableData += '<td>' + img + '</td>';
                };
              }
              else
              {
                tableData += '<td>'+data[j][i]+'</td>'; 
              }
              break;
            }
          }

我正在尝试创建图像，但该位置没有任何内容弹出。知道我可能做错了什么吗？我也在没有 .onload 的情况下尝试过，并且弹出 [object HTMLImageElement]

Answer 1

• 变量img持有物体，而不是HTML字符串。使用<img>标记为string相反!
• 另请注意 onload事件是异步的，回调可以稍后调用!

for (var j = 0; j < cols; j++) {
  for (var k = 0; k < cols; k++) {
    alert(data[j][i])
    if (data[j][i].endsWith(".jpg")) {
      var img = '<img src="' + data[j][i] + '">';
      tableData += '<td>' + img + '</td>';
    } else {
      tableData += '<td>' + data[j][i] + '</td>';
    }
    break;
  }
}