`
okwxj
  • 浏览: 2619 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
最近访客 更多访客>>
社区版块
存档分类
最新评论

关于DOM遍历

IE 
阅读更多
关于DOM遍历的补充:

如前所述,IE6 DOM中childNodes.length每次都是要遍历所有节点统计个数得出的。而childNodes[i]的访问,也要遍历直到第i个元素。所以在子节点数量巨大的情况下(超过1000),不宜使用for循环来遍历childNodes,否则会死得很惨。而应使用这样的遍历方法:
var node = elem.firstChild;
while (node != null) {
	...
	node = node.nextSibling;
}


另一个方式是使用IE自己的DHTML集合属性elem.children,但是它与childNodes不同,不包含文本节点。
分享到:
评论

相关推荐

    DOM遍历网页元素

    DOM开发,用VC6获取网页WEBBROWSER2,IHTMLDOCUMENT元素

    dom遍历所有xml节点,并且重新生成xml

    在本主题“DOM遍历所有XML节点,并且重新生成XML”中,我们将深入探讨如何利用DOM API遍历XML文档的所有节点,并根据需求重新构建XML文档。 首先,让我们了解XML的基本结构。XML(eXtensible Markup Language)是一...

    使用递归和dom遍历dom树形结构

    ### 使用递归与DOM遍历DOM树形结构 在现代Web开发中,处理XML文档是一项常见任务。DOM(Document Object Model)是一种广泛采用的技术,用于表示XML或HTML文档的结构,使得开发者能够轻松地访问、修改文档中的元素...

    .遍历DOM元素

    一、DOM遍历方法 1. 前向遍历(深度优先遍历) 使用`childNodes`属性可以获取元素的所有子节点,包括文本节点和注释节点。通过循环遍历这些子节点,可以实现前向遍历。例如: ```javascript function ...

    VC6中用DOM遍历网页中的元素.pdf

    在本文档中,"VC6中用DOM遍历网页中的元素"的讨论主要集中在如何在Microsoft Visual C++ 6.0(简称VC6)环境下使用DOM(文档对象模型)遍历和操作HTML网页中的元素,特别是表单和表单域。DOM是一种标准,允许程序和...

    DOM应用---遍历网页中的元素

    在本主题中,我们将深入探讨如何利用DOM应用来遍历网页中的元素,特别是在使用IHTML族接口时的实践方法。 首先,我们要理解IHTML接口。这是微软ActiveX对象模型的一部分,用于处理HTML文档,特别是Internet ...

    javascript dom 编程艺术

    `chapter12`、`chapter06`、`chapter08`等章节同样涵盖了其他关键主题,比如第6章可能介绍了DOM的创建和修改,第8章可能是关于DOM遍历和节点操作,第12章可能涉及了高级DOM技巧或最佳实践。 通过对这些文件的学习,...

    dom-traversal:轻量级DOM遍历库

    《深入理解轻量级DOM遍历库:dom-traversal》 在Web开发中,DOM(Document Object Model)遍历是必不可少的技术环节。DOM是HTML和XML文档的一种结构化表示,它允许程序和脚本动态更新、添加、删除和改变元素及属性...

    walkers:使用 htmlparser2 递归 DOM 遍历

    使用 htmlparser2 进行递归 DOM 遍历。 入门 安装模块: npm install walkers var walkers = require ( '../lib/walkers.js' ) ; var request = require ( 'request' ) ; var htmlparser = require ( "htmlparser2...

    UIcourse_lecture9:DOM遍历

    在本课程"UIcourse_lecture9:DOM遍历"中,我们将深入探讨JavaScript中的Document Object Model(DOM)以及如何有效地遍历DOM树。DOM是HTML和XML文档的编程接口,它将网页结构转换为可操作的对象集合,允许我们通过...

    dom:DOM 遍历、操作等

    dom 模块实现了对 DOM 遍历、操作等的支持。 安装 成分 $ component install anchorjs/dom 沃洛 $ volo add anchorjs/dom 兼容性 成分 该模块使用格式。 要包含在组件构建中,请使用 : component build -u ...

    lodash.dom-traverse:lodash dom 遍历

    用于 dom 遍历的 tiny (1.28kb min, gzip) lodash 扩展(对于原生 dom 不太容易使用的情况): _ . $ ( selector , context ) ; //get element(s) _ . $ ( selector , context ) . find ( selector ) ; //...

    JS操作XMLDOM(遍历和打印)

    这篇博客"JS操作XMLDOM(遍历和打印)"很可能探讨了如何利用JavaScript来处理XML数据,特别是遍历XML结构并将其打印出来。 XML是一种结构化数据格式,常用于存储和传输数据。在JS中,XMLDOM允许我们将XML文档转换为一...

    JavaScript实现的DOM树遍历方法详解【二叉DOM树、多叉DOM树】

    ### JavaScript实现的DOM树遍历方法详解 #### 1. DOM树遍历概念 DOM树遍历是指在浏览器中对文档对象模型(Document Object Model,简称DOM)进行的一种操作,通常用于访问页面元素、修改元素内容、事件处理等。在...

    05-遍历DOM树.md

    在前端开发领域,掌握DOM操作的知识是非常重要的,而DOM树的遍历是这一领域中的基础技能之一。...在面试中能够清晰且准确地表达出DOM遍历的概念和实现细节,能够有效地体现候选人的技术实力和职业素养。

    javascript先序遍历DOM树的方法

    既然DOM树是一个树结构,那么我们就可以使用遍历树结构的相关方法来对DOM树进行遍历,同时DOM2中的”Traversal”模块又提供了两种新的类型,从而可以很方便地实现DOM树的先序遍历。 注:本文中的5种方法都是对DOM的...

Global site tag (gtag.js) - Google Analytics