Question

How can I to extract the scr value for all img tags within an HTML DOM using Javascript?

<img src='this_value'>

Answer 1

The following should work in all major browsers (e.g., IE8+). For more info on querySelectorAll() and a compatibility table have a look at MDN.

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

EDIT

An alternative as suggested in the comments by @RobG and @KernelJames with better browser support:

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