如何使用JavaScript瀏覽網頁中的嵌入式資源？

Question

我希望能夠逐步瀏覽網頁中的所有嵌入式資源（CSS樣式表，外部JavaScript文件，圖像，iframe等），然后使用JavaScript對其進行處理。

我可以將它們分別定位，但是我想知道是否沒有更通用的方法。 一些內置的方法或庫使您可以遍歷DOM並與這些嵌入式資源進行交互。

在那兒？

Answer 1

收集DOM元素的方法很多 ，但是最常見的方法如下：

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

---

如果要獲取所有元素而沒有正式結構，則可以執行以下操作：

//non-standard
document.all

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

另外，還有Sizzle ，這是jQuery使用的選擇器引擎。 它使用CSS選擇器定位元素。 或者，如果可能的話，使用jQuery，它承載了許多DOM 遍歷和操縱方法。