Javascript：如何循环访问页面上的所有DOM元素？ [英] Javascript: How to loop through ALL DOM elements on a page?

问题描述

我试图循环一个页面上的所有元素，所以我想检查这个页面上存在的一个特殊类的每个元素。

I'm trying to loop over ALL elements on a page, so I want to check every element that exists on this page for a special class.

所以，如何说我想检查每个元素？

So, how do I say that I want to check EVERY element?

推荐答案

你可以传递一个 * getElementsByTagName（） ，以便它返回页面中的所有元素：

You can pass a * to getElementsByTagName() so that it will return all elements in a page:

var all = document.getElementsByTagName("*");

for (var i=0, max=all.length; i < max; i++) {
     // Do something with the element here
}

请注意，您可以使用 querySelectorAll（） ，如果可用（IE9 +，IE8中的CSS），只需找到一个特定的类。

Note that you could use querySelectorAll(), if it's available (IE9+, CSS in IE8), to just find elements with a particular class.

if (document.querySelectorAll)
    var clsElements = document.querySelectorAll(".mySpeshalClass");
else
    // loop through all elements instead

这肯定会加快现代浏览器的事宜。

This would certainly speed up matters for modern browsers.

这篇关于Javascript：如何循环访问页面上的所有DOM元素？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！