Question

这是我的问题：我试图创建一个图像选择器，我的意思是屏幕上显示的图像集合，我可以在其中选择一个并将其存储在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>

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

Answer 1

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

如果要显示图像，请使用

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

Answer 2

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

使用outerHTML属性显示

Answer 3

很明显因为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);
        };

Javascript图像数组问题

3 个答案: