分解document.getElementsByTagName("img");的数组

Breaking up an array of document.getElementsByTagName("img");

本文关键字:quot 数组 img document getElementsByTagName 分解      更新时间:2023-09-26

我使用以下命令查找给定页面上的所有图像:

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+"'/>");并让它显示当前页面上的所有图像?

谢谢!

精彩的for loop登场啦!拯救绝望的程序员!

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