如何使用JavaScript在网页中浏览嵌入式资源？

Question

我希望能够遍历网页中的每个嵌入资源 - CSS样式表，外部JavaScript文件，图像，iframe等 - 然后使用JavaScript对它们进行一些操作。

我可以单独定位它们，但我想知道是否没有更通用的方法。一些内置的方法或库，可让您浏览DOM并与这些嵌入式资源进行交互。

有吗？

Answer 1

有a lot of ways to gather DOM elements，但最常见的是以下内容：

document.body
document.getElementById()
document.getElementsByTagName()
document.getElementsByClassName()
document.querySelectorAll()

---

如果你想获得所有元素，没有正式的结构，你可以这样做：

//non-standard
document.all

//or
document.getElementsByTagName('*');

此外，还有Sizzle，这是jQuery使用的选择器引擎。它使用CSS选择器来定位元素。或者如果可能的话，使用jQuery，它承载了很多DOM traversal和manipulation方法。