javascript - jsでgetelementbyidを使用して画像の配列を表示する

Question

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

tar 配列に画像ソースがあり、document.write ではなく getElementById を使用して表示したい

Answer 1

とを使用するdocument.createElementと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);
}

someContainerIdもちろん、 の ID を持つコンテナ要素、または任意の ID を持つコンテナ要素が実際に存在することを確認してください。コンテナ要素が<div>.