我希望能够逐步浏览网页中的每个嵌入资源——CSS 样式表、外部 JavaScript 文件、图像、iframe 等——然后用 JavaScript 对它们做一些事情。
我可以分别针对它们,但我想知道是否没有更通用的方法。一些内置方法或库,可让您遍历 DOM 并与这些类型的嵌入式资源进行交互。
在那儿?
我希望能够逐步浏览网页中的每个嵌入资源——CSS 样式表、外部 JavaScript 文件、图像、iframe 等——然后用 JavaScript 对它们做一些事情。
我可以分别针对它们,但我想知道是否没有更通用的方法。一些内置方法或库,可让您遍历 DOM 并与这些类型的嵌入式资源进行交互。
在那儿?
收集 DOM 元素的方法有很多,但最常见的有以下几种:
document.body
document.getElementById()
document.getElementsByTagName()
document.getElementsByClassName()
document.querySelectorAll()
如果你想获得所有元素,没有正式的结构,你可以这样做:
//non-standard
document.all
//or
document.getElementsByTagName('*');
此外,还有Sizzle,它是 jQuery 使用的选择器引擎。它使用 CSS 选择器来定位元素。或者如果可能的话,使用 jQuery,它承载了很多 DOM遍历和操作方法。