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?
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();
