分解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]+"'/>");
}