使用 javascript 和循环获取所有正文元素答案

【问题标题】：Get all body elements with javascript and loop使用 javascript 和循环获取所有正文元素
【发布时间】：2013-10-28 10:01:48
【问题描述】：

将正文的所有元素放在一个数组中然后循环遍历每个元素的“最快”（最有效）方法是什么？

【问题讨论】：

【解决方案1】：

您可以在 jquery 中使用星形选择器。

var allElems=$('body').find('*');

allElems 将是类似对象的数组，因此您可以在其上创建一个 for 循环，或者您可以使用 jquery 的每个方法来遍历所有对象。喜欢

allElems.each(function(){
     var elm=this, //javascript DOM object
         $elm=$(this) //jquery object for element.

});

如果你只想使用 javascript，你可以使用 querySelectorAll dom 方法。

var allElems=document.body.querySelectorAll('*'); // new browser support

或

var allElems=document.body.getElementsByTagName('*'); //all browser support

你可以使用 for 循环遍历所有元素。

【讨论】：

【解决方案2】：

我建议这样做：

var items = document.body.getElementsByTagName("*");
for (var i = 0, len = items.length; i < len; i++) {
    // do something with items[i] here
}

【讨论】：

【解决方案3】：

你可以使用：

var els = document.body.querySelectorAll( '*' ),
    len = els.length, i = 0;

for ( ; i < len; i++ )
    console.log( els[i] );

有趣的是，querySelectorAll 返回静态 NodeLists，与 getElementsByTagName 不同，后者返回实时 NodeLists。

【讨论】：

【解决方案4】：

应该是这样的：

var allElements = $(body).find('*');

allElements.each(function(){
   //do something
})

【讨论】：