Javascript图像数组问题

Javascript image array issue

本文关键字：问题 数组 图像 Javascript      更新时间：2023-09-26

这是我的问题：我试图创建一个图像选择器，我的意思是屏幕上显示的图像集合，我可以在其中选择一个并将其存储在 var 中。这是数组的代码：

<script typre="text/javascript">
    var img = new Array();
    img[0] = new Image();
    img[0].src = "../images/poggiatesta2.jpg";
    img[1] = new Image();
    img[1].src = "../images/poggiatesta1.JPG";
    for (var i = 0; i < img.length; i++) {
        document.write(img[i]);
    };
</script>

当我运行它时，它显示[对象HTMLImageElement]而不是图像！我该怎么办？？谢谢大家！

因为img[i]是一个对象，document.write会通过调用img[i].toString()将其写为它的字符串表示形式。

如果要显示图像，请使用

for (var i = 0; i < img.length; i++) {
        document.body.appendChild(img[i]);
};

var img = new Image(); 
img.src = "../images/poggiatesta2.jpg"; 
document.write(img.outerHTML);

使用 outerHTML 属性以显示它

很明显，

因为 for 循环将打印图像的 img[0]，img[1] 而不是图像的 src你可以写img[i].src 

 var img = new Array();
        img[0] = new Image();
        img[0].src = "../images/poggiatesta2.jpg";
        img[1] = new Image();
        img[1].src = "../images/poggiatesta1.JPG";
    
        for (var i = 0; i < img.length; i++) {
            alert(img[i].src);
        };

相关文章：