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

Show a single image from array of images

本文关键字：图像 单个 阵列 显示图 显示      更新时间：2023-09-26

这就是我想要做的。我是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]。

括号和对象名称表示您正在将Image对象的字符串表示写入页面。尝试将document.write(img);替换为：

document.body.appendChild(img);

一个例子可以在这里看到

您使用的是JavaScript Image对象，但您需要一个Image元素：

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

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

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

相关文章：