栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 面试经验 > 面试问答

Javascript:如何遍历页面上的所有DOM元素?

面试问答 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

Javascript:如何遍历页面上的所有DOM元素?

您可以将传递给

*
getElementsByTagName()
以便它将返回页面中的所有元素:

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

请注意

querySelectorAll()
,如果可用(可以使用IE9+,IE8中的CSS),可以使用来查找具有特定类的元素。

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

对于现代浏览器来说,这无疑会加速事情的发展。


浏览器现在在NodeList上支持foreach。这意味着您可以直接循环元素,而不用编写自己的for循环。

document.querySelectorAll('*').forEach(function(node) {    // Do whatever you want with the node object.});

性能说明 -尽最大努力确定您要寻找的内容。通用选择器可以根据页面的复杂性返回很多节点。即使您确实需要浏览别人可能看到的

'body *'
所有
head
内容,这也意味着您可以用作选择器来剪切所有内容。



转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/575064.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号