Javascript - Build an array based on image in dom

Question

I need to store a bunch of Image SRC attribute values in an array. I want to search the DOM for all <img> tags and grab the SRC attribute for each and put it into an array.

I know I can create an array like: var imgSrc = new Array();

But how do I add each SRC attribute to the array?

Adam Rackis · Accepted Answer · 2011-11-23 19:08:03Z

1

The push method is how you add an item to an array in Javascript.

If you're using jQuery, this should get you what you're looking for:

var imgSrc = $("img").get().map(function(o, i) { 
    return $(o).attr("src"); 
});

edited Nov 23, 2011 at 19:08

answered Nov 23, 2011 at 18:53

Adam Rackis

83.5k57 gold badges281 silver badges402 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Richard JP Le Guen · Accepted Answer · 2011-11-23 19:15:56Z

0

var imgSrc = [];
var imgEls = document.getElementsByTagName("img");
for(var i=0; i<imgEls.length; i++) {
    imgSrc.push(imgEls[i].getAttribute("src"));
}

... or, using jQuery:

var imgSrc = [];
$("img").each(function() {
    imgSrc.push($(this).attr("src"));
});

edited Nov 23, 2011 at 19:15

answered Nov 23, 2011 at 18:55

Richard JP Le Guen

28.8k8 gold badges93 silver badges121 bronze badges

Collectives™ on Stack Overflow

Javascript - Build an array based on image in dom

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related