使用javascript访问网页中的图像

Question

从当前网页，如何使用java脚本获取同一页面中所有图像的网址或src？

Answer 1

非常简单，....

 <script>
 function extractImg(){
    var images = document.getElementsByTagName("img");
    var myImgs[];
    for (i=0; i < images.length; i++) 
    {
      myImgs.push(images[i].src);
    }
    return myImgs;
  }
 </script>

Answer 2

var imgs = document.getElementsByTagName('img');

var result = [];

for (var i = 0, il = imgs.length; i < il; ++i) {
  if (imgs[i].src) result.push(imgs[i].src);
}

results现在包含页面上找到的src图像标记。

Answer 3

假设您使用的是jQuery，可以使用以下内容：

var Collection = $('img');
var ImgSources = [];
$.each(Collection,function(i,elm){
    ImgSources.push($(elm).attr('src'));
});

...现在你有一个数组ImgSources，所有图片的来源都是字符串。