从函数参数获取图像名称

Question

我需要将图像嵌入到元素中。例如，在下面的代码中，图像dog.png将插入到#board div中。我该怎么办？

HTML

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

JavaScript

function show_image(symbol, value, identificator) {
    var img = document.createElement("IMG");
    img.src = symbol.png;
    identificator.appendChild(img);
}

show_image("dog", "15", "board");

Answer 1

只需使用getElementById和appendChild。还要注意，您需要连接.png字符串-您尝试访问的"dog".png不存在：

function show_image(symbol, value, identificator) {
  var img = document.createElement("IMG");
  img.src = symbol + ".png";
  document.getElementById(identificator).appendChild(img);
}

show_image("dog", "15", "board");

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