javascript - 图像未显示在 html 页面中

Question

此 JS 代码无法显示图像，而是给出字符串 [object HTMLImageElement]。
如何修复才能使其在该位置显示图像？谢谢

let signature = $('canvas.signature').get(0).toDataURL(); //earlier in the code

let w = window.open();
let doc = w.document;
doc.write(html);
doc.close();
let sigImg = new Image();
sigImg.src = signature;
let nodes = doc.querySelectorAll('td.Label');
for (var i = 0; i < nodes.length; i++) {
  var item = nodes[i];
  if (item.textContent === "User's signature:") {
    item.nextElementSibling.innerHTML = sigImg; //<--- failed to show the image
  }
}

编辑
我没有使用的原因item.nextElementSibling.appendChild(sigImg);是因为我想用图像替换 td 元素的内容。但即使使用此解决方案，我也会得到一个小图标，当右键单击并在新页面中打开时，我会得到(无法访问此网站)。

Answer 1

问题就出在这里

item.nextElementSibling.innerHTML = sigImg;

...更改为

item.nextElementSibling.innerHTML = ''; // clear contents
item.nextElementSibling.appendChild(sigImg);

sigImg 是一个对象，我假设您会发现显示 [object Object] 而不是您的代码