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

我正在未知页面上执行一些复杂的进程间JS，所以jquery是不可能的。如果我有div的ref，如何获取div中的所有图像

比如：

document.getElementsByTagName("img")

---

但是只在一个div内。

您只需搜索该div-让我们将其id设置为

myDiv

：

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

---

您可以使用

querySelectorAll（）

：

如果您有

div

的引用，您可以将其用作：

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

---

希望这有帮助。

只需在

元素上调用

getElementsByTagName

：

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

或者使用

querySelectorAll

：

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

---

thatDiv.getElementsByTagName（“img”）

？这是正确的答案。我想补充一点，这种方法的一个好处是

querySelectorAll

返回一个

NodeList

对象，该对象具有像

forEach

这样的有用方法，而

getElementsByTagName

返回一个

HTMLCollection

@Damon这不是真的，

NodeList

没有这样的方法。此外，OP表示，对

的引用已经存在。这个答案并没有使用这个引用。它在一些较新的浏览器中使用，尽管我猜支持不够广泛，不值得依赖。在那种情况下，我是正确的。

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