`
haytalent
  • 浏览: 17667 次
  • 性别: Icon_minigender_1
  • 来自: 未知国度
社区版块
存档分类
最新评论

基础一: 遍历DOM

阅读更多

JavaScript:遍历一个文档的DOM数量?

 

简介:通过 JavaScript,您可以重构整个 HTML 文档。您可以添加、移除、改变或重排页面上的项目。(转自w3school)

 

代码如下:

      <script type="text/javascript" language="javascript">

                 var domCount = 0;//定义计数器,用于计算数量

                 function isDomParent(domObj){

                           //如果dom下还有子dom节点,就递归

                          if(domObj.hasChildNodes){

                                for(var i=0,len=domObj.childNodes.length;i<len;i++){

                                         isDomParent(domObj.childNodes[i]);

                                }

                          }

                         //如果是子dom节点,计数器+1

                          if(domObj.nodeType == 1 ){

                                domCount++;

                          }

                 }     

 

                document.getElementsByName('html');

      </script>

  • 大小: 23.7 KB
分享到:
评论

相关推荐

    .遍历DOM元素

    1. 操作DOM:遍历DOM可以方便地查找特定节点,添加、删除或修改元素。 2. 渲染动画:遍历DOM可以实现复杂的动画效果,比如逐个改变元素样式。 3. 数据绑定:在MVVM框架中,遍历DOM用于将数据绑定到视图。 4. 事件...

    05-遍历DOM树.md

    遍历DOM树的过程可以类比为遍历树状数据结构的过程,其主要目的是为了搜索或处理树中的每一个节点。深度优先遍历和广度优先遍历是两种常用的遍历策略: - **深度优先遍历(DFS)**: 深度优先遍历是一种用于遍历或...

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

    本文将深入探讨如何使用JavaScript来遍历DOM树,并通过实际示例展示其在实际应用中的价值。 1. **理解DOM树** - DOM树是由文档的各个部分组成的,包括元素、属性、文本节点等。每个节点都有父节点、子节点和兄弟...

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

    遍历DOM并重新生成XML是实现这些需求的基础步骤。例如,`rights.xml`文件可能包含权限设置,我们可能需要遍历这些设置,根据用户角色或策略动态调整。 总结,本主题涉及的关键知识点包括: 1. DOM解析XML字符串 2. ...

    头歌教学实践平台 Web前端开发基础 JavaScript学习手册十四:HTML DOM-文档元素的操作(二)

    HTML DOM的另一个关键概念是DOM遍历。`parentNode`, `childNodes`, `firstChild`, `lastChild`, `previousSibling`, 和 `nextSibling`等属性帮助我们移动到树中的其他节点。这在需要处理多个相关元素时非常有用。 ...

    UIcourse_lecture9:DOM遍历

    2. 使用`NodeIterator`和`TreeWalker`: 这两个接口提供了一种更高效的方式遍历DOM,可以根据需求过滤节点。 3. 考虑使用`requestAnimationFrame`: 当遍历DOM涉及视觉更改时,使用`requestAnimationFrame`以保证更新...

    javascript先序遍历DOM树的方法

    DOM树由文档中的所有节点(元素节点、文本节点、...1. 使用DOM1中的基础接口,递归遍历DOM树 DOM1中为基础类型Node提供了一些api,通过这些api可以完成一些基础的DOM操作。使用递归遍历DOM树的代码比较简单,核心思想就

    JavaScript简单遍历DOM对象所有属性的实现方法

    了解如何遍历DOM对象的所有属性对于开发人员来说是一项基础且重要的技能。本文将详细介绍如何使用JavaScript遍历DOM对象的所有属性,包括那些没有在HTML标签中显式设置的属性。 首先,我们要了解DOM对象的属性可以...

    解析DOM

    3. **遍历DOM**:遍历DOM树是DOM操作中常见的任务,可以使用`childNodes`、`firstChild`、`nextSibling`等属性来遍历所有子节点或找到特定节点。 4. **事件处理**:DOM支持事件处理,通过`addEventListener`和`...

    gQuery : jQuery DOM 操作部分

    尽管体积小巧,但gQuery依然保留了jQuery中许多常用的DOM操作方法,如选择元素、遍历DOM树、添加/删除样式、处理事件等,极大地提高了开发效率。 1. **选择器**:gQuery支持与jQuery类似的CSS选择器语法,可以轻松...

    DOMscripting DOMscripting.rar DOMscripting.rar

    4. **遍历DOM树**:通过DOM接口,可以遍历整个文档结构,查找特定元素或所有符合特定条件的元素。 5. **DOM操作**:包括创建新节点、插入节点、删除节点、替换节点等,实现动态内容的添加和更新。 6. **CSS操作**:...

    FriendsofED.DOM.Scripting.Dec.2010.rar

    5. **DOM遍历**:遍历DOM是常见的任务,例如查找特定的元素或获取所有子元素。DOM提供了一系列方法,如`childNodes`、`firstChild`、`lastChild`、`nextSibling`和`previousSibling`,帮助开发者遍历整个树形结构。 ...

    JS遍历DOM文档树的方法实例详解

    JS遍历DOM文档树是前端JavaScript开发中的一项基础而重要的技能。DOM(文档对象模型)是JavaScript操作HTML和XML文档的接口,DOM树是一个以树形结构表示文档的模型。每一个HTML或XML文档的节点都对应着DOM树上的一个...

    JQuery遍历DOM节点的方法

    本文将详细介绍JQuery中用于遍历DOM节点的方法,并结合实例加以说明。 ### children()方法 `children()` 方法是JQuery中用于获取匹配元素集合中每个元素的直接子元素的方法。它返回的集合仅包含直接子元素,不包括...

    JavaScriptDOM编程艺术

    10. **DOM遍历与查找**:`childNodes`、`firstChild`、`lastChild`、`nextSibling`和`previousSibling`等属性用于遍历DOM树。`querySelectorAll`和`getElementBy*`系列方法可以按需查找特定的元素。 11. **动画与...

    DOMscripting

    1. **DOM基础**:解释了DOM的基本概念,包括节点类型(元素节点、属性节点、文本节点等)、DOM树的构建以及如何遍历DOM树。 2. **事件处理**:讲解了如何使用DOM来添加、移除和处理用户或浏览器触发的事件,如点击...

    十三、前端基本功:DOM练习.rar

    3. 遍历DOM: - `childNodes`:返回元素的所有子节点。 - `firstChild`和`lastChild`:获取第一个或最后一个子节点。 - `nextSibling`和`previousSibling`:获取当前节点的下一个或上一个兄弟节点。 - `...

    DOM Scripting.Web.Design.with.JavaScript.and.the.Document.Object.Model(JavaScript DOM编程艺术)

    2. **遍历DOM**:学习如何遍历DOM树,查找特定的元素,如使用`getElementById`、`getElementsByTagName`、`getElementsByClassName`等方法。 3. **创建和删除元素**:掌握动态创建新元素、插入到DOM树中,以及删除...

Global site tag (gtag.js) - Google Analytics