使用Javascript从DOM中提取所有图像

Question

如何使用Javascript提取HTML DOM中所有scr标记的img值？

<img src='this_value'>

Answer 1

以下内容适用于所有主流浏览器（例如，IE8 +）。有关querySelectorAll()和兼容性表的详细信息，请查看MDN。

var imgs = document.querySelectorAll( 'img' );
var src = [];
for( var i = imgs.length; i--; ) {
  src.push( img.src );
}

修改

@RobG和@KernelJames在评论中建议的替代方案，提供更好的浏览器支持：

var imgs = document.images;
var src = [];
for( var i = imgs.length; i--; ) {
  src.push( img.src );
}

Answer 2

使用jquery：

var paths = []
$('img').each(function() {
  paths.push(this.src);
});
console.log(paths);