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

Question

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

Answer 1

您可以通过document.getElementsByTagName() 轻松获得包含所有img 元素的数组。 :

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();