Проблема с массивом изображений Javascript

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> 

Когда я запускаю его, он отображает [объект 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

Это очевидно, потому что цикл будет печатать IMG [0], IMG [1] не ГКЗ изображения Вы можете написать 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); 
 
     };