I'm doing some plex interprocess JS on unknown pages so jquery is out of the question. How do I get all images within a div provided I have the ref of the div?

Something like :

document.getElementsByTagName("img")

But only within a div.

I'm doing some plex interprocess JS on unknown pages so jquery is out of the question. How do I get all images within a div provided I have the ref of the div?

Something like :

document.getElementsByTagName("img")

But only within a div.

• javascript
• html

• 4 thatDiv.getElementsByTagName("img")? – Sebastian Simon Commented Aug 18, 2016 at 17:33

3 Answers 3

You would just search for the div - let's make that it has an id of myDiv:

document.getElementById("myDiv").getElementsByTagName("img");

You could use querySelectorAll() :

var all_imgs = document.querySelectorAll('#div_id img');

If you have the reference of the div you could use it as :

var all_imgs = my_div.querySelectorAll('img');

Hope this helps.

Simply call getElementsByTagName on your <div> element:

var div = document.getElementById("myDiv");
var images = div.getElementsByTagName("img");

or use querySelectorAll:

var images = div.querySelectorAll("#myDiv img");