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