显示图像阵列中的单个图像

Question

That's all I want to do. I'm very beginner in javascript but I just don't understand why this wouldn't work. I've looked across the depths of google but people are asking more complicated things. I literally just want to show an image I've stored in an array.

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

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

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

    document.write(img);
});

All I get on the page is [object HTMLImageElement] .

Answer 1

The brackets and object name indicate that you are writing the string representation of the Image object to the page. Try replacing document.write(img); with:

document.body.appendChild(img);

An example can be seen here

Answer 2

You're working with a JavaScript Image object, but you want an Image element:

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

Answer 3

如果您使用的是jQuery，则可以使用：

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