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