使用vanilla JS获取div中的所有图像

Question

I'm doing some complex 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.

Answer 1

你只需要搜索div - 让它的id为myDiv ：

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

Answer 2

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.

Answer 3

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");