Question

I wanted to have a javascript function to basically return an array of all the img src there is in a page, how do I do this?

Answer 1

You can easily get an array containing all img elements via document.getElementsByTagName():

var images = document.getElementsByTagName('img'); 
var srcList = [];
for(var i = 0; i < images.length; i++) {
    srcList.push(images[i].src);
}

Instead of document.getElementsByTagName('img') you could also use the document.images collection.

---

If you are using jQuery, you can also use $('img') which gives you a jQuery object containing all img elements.

var srcList = $('img').map(function() {
    return this.src;
}).get();