分解document.getElementsByTagName(“img”);

时间:2011-04-27 20:00:57

标签: javascript getelementsbytagname

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

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

谢谢!

1 个答案:

答案 0 :(得分:3)

现在是伟大的for loop的时候了!在各地拯救绝望的编码员!

var img_ = img_find();

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