javascript - 将图像对象作为函数和类参数传递

Question

如何在函数/类中将图像作为参数传递，或者这是不可能的，如果是，我该如何解决？例如:

var tree = new Image();
tree.src = "img/statobj/tree.png"
function additem(dimage){
document.getElementById("myitems").rows[0].insertCell(0).innerHTML ='<div id="invetoryitem" >'+ this.dimage + '</div>'
console.log(dimage) //gets undefined
}

我已经尝试过 dimage.src 和其他方法，但我使用的方法似乎都不起作用:/

Answer 1

像传递其他传递一样传递它，但要显示它，请使用 appendChild不是innerHTML :

var tree = new Image();
tree.src = "https://upload.wikimedia.org/wikipedia/commons/thumb/e/eb/Ash_Tree_-_geograph.org.uk_-_590710.jpg/220px-Ash_Tree_-_geograph.org.uk_-_590710.jpg";
function showTree(dimage) {
  document.getElementById("div").appendChild(dimage);
  console.log(dimage);
}

showTree(tree);

<div id="div"></div>

如果你确实想使用 innerHTML , 做一个 <img>与 src正在dimage.src :

var tree = new Image();
tree.src = "https://upload.wikimedia.org/wikipedia/commons/thumb/e/eb/Ash_Tree_-_geograph.org.uk_-_590710.jpg/220px-Ash_Tree_-_geograph.org.uk_-_590710.jpg";
function showTree(dimage) {
  document.getElementById("div").innerHTML = "<img src='" + dimage.src + "'>";
  console.log(dimage);
}

showTree(tree);

<div id="div"></div>