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

Question

如何使用 Javascript 提取 HTML DOMscr中所有标签的值？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);