如何在页面上遍历所有DOM元素?

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

我怎么说我要检查每个元素呢?

当前回答

使用*

var allElem = document.getElementsByTagName("*");
for (var i = 0; i < allElem.length; i++) {
    // Do something with all element here
}

2017-07-31 13:30:35

其他回答

安迪e给出了一个很好的回答。

我会补充，如果你觉得选择所有的子在一些特殊的选择器(这需要发生在我最近)，你可以应用方法“getElementsByTagName()”对任何DOM对象你想要。

举个例子，我需要解析网页的“视觉”部分，所以我做了这个

var visualDomElts = document.body.getElementsByTagName('*');

这绝对不会考虑到头部部分。

2015-08-26 07:54:17

下面是另一个关于如何循环遍历文档或元素的示例:

function getNodeList(elem){
var l=new Array(elem),c=1,ret=new Array();
//This first loop will loop until the count var is stable//
for(var r=0;r<c;r++){
    //This loop will loop thru the child element list//
    for(var z=0;z<l[r].childNodes.length;z++){

         //Push the element to the return array.
        ret.push(l[r].childNodes[z]);

        if(l[r].childNodes[z].childNodes[0]){
            l.push(l[r].childNodes[z]);c++;
        }//IF           
    }//FOR
}//FOR
return ret;
}

2012-02-04 21:07:19

你可以试试 document.getElementsByClassName(“special_class”);

2010-11-23 13:24:17

从这个链接 javascript参考

<html>
<head>
<title>A Simple Page</title>
<script language="JavaScript">
<!--
function findhead1()
{
    var tag, tags;
    // or you can use var allElem=document.all; and loop on it
    tags = "The tags in the page are:"
    for(i = 0; i < document.all.length; i++)
    {
        tag = document.all(i).tagName;
        tags = tags + "\r" + tag;
    }
    document.write(tags);
}

//  -->
</script>
</head>
<body onload="findhead1()">
<h1>Heading One</h1>
</body>
</html>

更新:编辑

自从我的上一个答案，我找到了更好更简单的解决方案

function search(tableEvent)
    {
        clearResults()

        document.getElementById('loading').style.display = 'block';

        var params = 'formAction=SearchStocks';

        var elemArray = document.mainForm.elements;
        for (var i = 0; i < elemArray.length;i++)
        {
            var element = elemArray[i];

            var elementName= element.name;
            if(elementName=='formAction')
                continue;
            params += '&' + elementName+'='+ encodeURIComponent(element.value);

        }

        params += '&tableEvent=' + tableEvent;


        createXmlHttpObject();

        sendRequestPost(http_request,'Controller',false,params);

        prepareUpdateTableContents();//function js to handle the response out of scope for this question

    }

2013-02-20 05:55:26

我觉得这真的很快

document.querySelectorAll('body,body *').forEach(function(e) {

2020-05-06 10:32:39

如何在页面上遍历所有DOM元素?

推荐文章

最新文章

标签