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);

可以看到一个例子here

Answer 2

您正在使用JavaScript Image对象，但需要Image元素：

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

Answer 3

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

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

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

3 个答案: