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

Question

我在未知页面上做了一些复杂的进程间JS，因此jquery是不可能的。如果我有div的参考，如何获得div中的所有图像？

类似的东西：

document.getElementsByTagName("img")

但仅限于div。

Answer 1

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

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

Answer 2

您可以使用querySelectorAll()：

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

如果您有div的引用，则可以将其用作：

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

希望这有帮助。

Answer 3

只需在getElementsByTagName元素上致电<div>：

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

或使用querySelectorAll：

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