javascript - 画像の配列から単一の画像を表示する

Question

やりたいことはそれだけです。私はJavaScriptの初心者ですが、なぜこれが機能しないのか理解できません。私はグーグルの奥深くを見てきましたが、人々はもっと複雑なことを求めています。文字通り、配列に保存した画像を表示したいだけです。

$(document).ready(function(){
    var coolImage = new Array();

    coolImage[0] = "images/2.gif";

    var img = new Image();
    img.src = coolImage[0];

    document.write(img);
});

ページに表示されるのは だけ[object HTMLImageElement]です。

Answer 1

括弧とオブジェクト名は、Image オブジェクトの文字列表現をページに書き込んでいることを示しています。次のように置き換えdocument.write(img);てみてください:

document.body.appendChild(img);

例はここで見ることができます

Answer 2

JavaScript Image オブジェクトを使用していますが、Image 要素が必要です。

var image = document.createElement("img");
image.src = coolImage[0];
document.body.appendChild(image);

Answer 3

jQuery を使用している場合は、次を使用できます。

$('body').append(img);