`
haytalent
  • 浏览: 17267 次
  • 性别: 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
分享到:
评论

相关推荐

    javascript先序遍历DOM树的方法

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

    jQuery 遍历 – 祖先

    jQuery 遍历 – 祖先 祖先是父、祖父或曾祖父等等。...该方法只会向上一级对 DOM 树进行遍历。 下面的例子返回每个 元素的直接父元素: 实例 $(document).ready(function(){ $("span").parent(); }); jQuery

    在Ajax中进行XML处理,第1部分:四种方法

    本文是第一篇文章,主要介绍一些基础内容,同时审视第一种方法——遍历DOM树。希腊哲学家亚里士多德曾经写到:“通往失败的道路有许多条……,但通往成功的道路仅有一条。”遗憾的是,亚里士多德并不是一名计算机...

    Modern-JavaScript-From-The-Beginning:Packt发行的《现代JavaScript代码存储库》从一开始

    DOM操作:选择器,遍历DOM,显示/隐藏,创建和删除元素,事件侦听器OOP:ES5原型,继承,ES2015类和子类,构造函数。 异步JS:Ajax和XHR,Fetch API,回调,promise,异步/等待。 ES2015 +:箭头函数,模板字符串,...

    jQuery 遍历map()方法详解

    一、定义和用法 map() 把每个元素通过函数传递到当前匹配集合中,生成包含返回值的新的 jQuery 对象。 二、语法 .map(callback(index,domElement)) 三、详细说明 由于返回值是 jQuery 封装的数组,使用 get() 来...

    LtGt:轻量级HTML处理器

    G 项目状态:维护模式(仅错误修复)。...下载 : dotnet add package LtGt产品特点解析任何符合HTML5的代码使用LINQ或Seq遍历DOM 使用基本元素选择器,例如GetElementById() , GetElementsByTagName()等通过QueryEle

    JQuery基础教程(中文高清版)电子书_part2

    2.3 CSS选择符 2.4 XPath选择符 2.5 自定义选择符 2.6 DOM遍历方法 2.7 访问DOM元素 2.8 小结第3章 事件——扣动扳机 3.1 在页面加载后执行任务 3.1.1 代码执行的时机选择 3.1.2 基于一个页面执行多个脚本...

    JavaScriptResume:学习JavaScript基础构建简历(模板)

    如果您想了解该项目如何操作和遍历DOM,请查看。 浏览本课程中的视频和作业,以学习构建简历所需JavaScript。 根据Project Rubric(在下一页上)回顾您的工作。 当您对项目满意时,请按照下一页的提交说明进行...

    jQuery基础.pptx

    HTML DOM遍历和修改 AJAX(异步 JavaScript 和 XML。) 2、jQuery优势 目前网络上有大量开源的 JS 框架, 但是 jQuery 是目前最流行的 JS 框架,而且提供了大量的扩展。 很多大公司都在使用 jQuery, 例如: Google ...

    JQuery操作DOM元素

    该文档包含了样式操作,内容及Value属性值操作,节点操作,节点属性操作,节点遍历操作的基础知识,也许不够详细,但内容也应该足够平时操作了,希望能帮到大家

    number-guesser:一个用于练习jQuery的两人数字猜谜游戏

    数字猜测者 1.摘要 Number Guesser是在图灵软件与设计学院的前端工程计划的第二周分配的一个项目。 作业的目的是创建一个交互式... 遍历,操纵DOM 活动委托 CSS网格 2.技术 JavaScript jQuery的 CSS3 HTML5 3.部署

    vue面试资料,有一些基础的vue知识

    灵活: (渐进式)不断繁荣的生态系统,可以在一个库和一套完整框架之间自如伸缩。 高效: 20kB min+gzip 运行大小;超快虚拟 DOM;最省心的优化 双向绑定:开发效率高 基于组件的代码共享放弃了Object....

    Flex布局

    (此图片来源于网络,如有侵权,请联系删除! ) Flex布局 简介 Flex是Flexible Box的缩写,意为弹性布局。是W3C在2009年提出的一个新的布局方案。可以方便的实现各种页面布局。目前浏览器兼容如下: ...基础的DOM如下

    Feedreader-Project:Feedreader项目

    RSS订阅'has non-empty feed url' :一种测试,循环遍历allFeeds对象中的每个提要,并确保已定义URL,并且该URL不为空。 'has non-empty feed name' :循环遍历allFeeds对象中的每个提要并确保其名称已定义且不为空...

    适合有一定javascript基础的初学者,Jquery教程

    jQuery是一个JavaScript函数库。 jQuery是一个轻量级的"写的少,做的多"的JavaScript库。 jQuery库包含以下功能: HTML 元素选取 ...CSS 操作 ...JavaScript 特效和动画 HTML DOM 遍历和修改 AJAX Utilities

    jQuery基础教程(第四版)

    第2章讲述如何通过jQuery中的选择符表达式及DOM遍历方法,在页面中的任何地方找到想要的元素。这一章将展示如何使用各种选择符表达式为页面中的不同元素添加样式,其中一些是通过纯CSS方式做不到的。 第3章介绍如何...

    JavaScript操作HTML DOM节点的基础教程

    因为 DOM 的存在,这使我们可以通过 JavaScript 来获取、创建、修改、或删除节点。 NOTE:下面提供的例子中的 element 均为元素节点。 获取节点 父子关系 element[removed] element.firstChild/element.lastChild ...

    jquery基础教程高清版PDF.part5.rar

     2.6 DOM遍历方法   2.7 访问DOM元素   2.8 小结  第3章 事件——扣动扳机   3.1 在页面加载后执行任务   3.1.1 代码执行的时机选择   3.1.2 基于一个页面执行多个脚本   3.1.3 缩短代码的...

    one_month_jquery

    jQuery的基础知识,包括DOM遍历和操作 使用控制台和调试器调试项目 本课程之外的jQuery故障排除资源 对AJAX的基本了解 从头到尾自己完成一个jQuery项目 项目1:LightBox 使用Lightbox库的简单照片库应用程序。 ...

Global site tag (gtag.js) - Google Analytics