分解document.getElementsByTagName（「img」）;

Question

我使用下面找到所有圖像的特定網頁上：

function img_find() { 
var imgs = document.getElementsByTagName("img"); 
var imgSrcs = []; 
for (var i = 0; i < imgs.length; i++) { 
    ; 
    imgSrcs.push(imgs[i].src); 
} 
return imgSrcs; 
} 

我想定義一個新的變量img_find = img_find();，然後我寫的變量document.write(img_find);

這是我的輸出字符串"http://www.domain.com/image.png"

我想打破這件事所以最終我能寫

document.write("<img src='"+img_find+"'/>"); 

這將顯示圖像。

然而到現在爲止的所有它輸出是

src='http://www.domain.com/image.png,http://www.domain.com/image.png' 

這顯然不會顯示圖像。

有沒有人知道我可以重新寫這個，所以我可以使用document.write("<img src='"+img_find+"'/>");並讓它顯示當前頁面上的所有圖像？

謝謝！

Answer 1

宏偉的for loop是時候了！無處不在拯救絕望的編碼器！

var img_ = img_find(); 

for(var i=0; i<img_.length; i++){ 
    document.write("<img src='"+img_[i]+"'/>"); 
}