image is not being displayed in the html page

Question

This JS code failed to show the image, instead it gives the string [object HTMLImageElement].
How can it be fixed so that it shows the image in this location? Thanks

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
  }
}

edit
The reason I did not use item.nextElementSibling.appendChild(sigImg); is because I wanted to replace the content of the td element with the image. but even with this solution, I get a small icon, which when right click and open in new page, I get (This site can’t be reached).

Jaromanda X · Accepted Answer · 2016-08-10 05:25:30Z

2

The problem is with this

item.nextElementSibling.innerHTML = sigImg;

... change to

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

sigImg is an object, you'll find you get [object Object] displayed instead with your code, I assume

edited Aug 10, 2016 at 5:25

answered Aug 10, 2016 at 5:14

Jaromanda X

57.1k6 gold badges82 silver badges96 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Jaromanda X Over a year ago

oh, you want to replace the content of nextElementSibling?

Collectives™ on Stack Overflow

image is not being displayed in the html page

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related