javascript - 在 js 中使用 getelementbyid 显示图像数组

Question

for (i=0;i<tar.length;i++) {
document.write("<img src=" + tar[i] + " width='100' height='100'>"+"  ");
}  

tar 数组有图像源，我想使用 getElementById 而不是 document.write 来显示它

Answer 1

使用document.createElementand appendChild，您可能会这样做：

var myContainer = document.getElementById("someContainerId");

for (i=0;i<tar.length;i++) {
    var myimg = document.createElement("img");
    myimg.src= tar[i];
    myimg.width="100";
    myimg.height="100";

    myContainer.appendChild(myimg);
}

当然，请确保确实有一个容器元素，其 id 为someContainerId，或者您想给它的任何 id 。如果容器元素是一个<div>.