javascript函数以获取html中的所有图像

Question

我想有一个javascript函数基本上返回一个页面中所有img src的数组,我该怎么做？

Answer 1

你可以很容易地得到一个包含所有的数组img通过元素document.getElementsByTagName():

var images = document.getElementsByTagName('img'); 
var srcList = [];
for(var i = 0; i < images.length; i++) {
    srcList.push(images[i].src);
}

而不是document.getElementsByTagName('img')你也可以使用该document.images集合.

如果你正在使用jQuery,你也可以使用$('img')它给你一个包含所有img元素的jQuery对象.

var srcList = $('img').map(function() {
    return this.src;
}).get();

Answer 2

有一个document.images集合,所以:

function allSrc() {
  var src = [];
  var imgs = document.images;
  for (var i=0, iLen=imgs.length; i<iLen; i++) {
    src[i] = imgs[i].src;
  }
  return src;
}

编辑ECMAScript ES5的更新

Array.prototype.map.call(document.images,function(img){return img.src});

如果您有ES6箭头功能可用:

Array.prototype.map.call(document.images, img => img.src);