`
zlzyfpqianhao9951078
  • 浏览: 13496 次
最近访客 更多访客>>
文章分类
社区版块
存档分类
最新评论

使用 Dojo 的 Ajax 应用开发进阶教程,第 4 部分: DOM 查询与操作(3)

 
阅读更多

来自:http://www.verydemo.com/demo_c107_i15330.html

  DOM 实现(DOMImplementation):DOM 实现表示与 DOM 接口对应的具体实现。

  这里需要注意的是节点列表中的节点是动态的,它反映的是最新的文档结构。比如通过 DOM API 获得了某个元素的子节点列表,如果其中的某个子节点被删除,此节点就不会出现在之前的节点列表中。

  在介绍完 DOM 的基本概念之后,下面介绍如何使用 DOM 对当前文档树进行查询

  DOM 查询

  通过 DOM 提供的 API 来对当前文档树进行查询,是操作文档的前提。由于文档树结构可能很复杂,查询到所需节点的操作有可能会比较繁琐。这里介绍两种方法来进行查询,一种是利用 DOM 规范中定义的基本 API,另外一种是使用 Dojo。下面先从基本 API 开始。

  使用基本 API

  使用 DOM 规范中提供的 API,就可以对文档进行查询,以及在文档中自由导航。下面给出一些常用的方法和属性。

  首先介绍的是两个用来在文档树中快速查找元素的方法:getElementById()和 getElementsByTagName()。

  文档接口的 getElementById(elementId)方法是在 DOM 级别 2 中引入的。该方法的作用是在文档中查找标识符为 elementId的元素。如果有,则返回该元素;否则返回 null。对 HTML 文档来说,元素的标识符是通过属性 id来指定的。如 document.getElementById("mySpan")在当前文档中查找标识符为 mySpan的元素。

  文档和元素接口的 getElementsByTagName(tagname)方法用来查找标签名为 tagname的子元素。该方法的返回结果是节点列表,其中子元素的排列顺序是树遍历时的先序顺序。通过指定 tagname的值为 *,可以匹配所有标签。如 document.getElementsByTagName("div")查找当前文档中所有的 div元素。

  下面介绍在查找到单个节点之后,如何查找其相邻节点。

分享到:
评论

相关推荐

    使用_Dojo_的_Ajax_应用开发进阶教程

    使用_Dojo_的_Ajax_应用开发进阶教程

    dojo Ajax

    dojo ajax framework

    使用Dojo,JSON开发ajax

    使用Dojo,JSON开发ajax

    Dojo构建Ajax应用程序源码(包括书中用到的dojo-release-1.1.2)

    Dojo构建Ajax应用程序源码,包括书中用到的dojo-release-1.1.2版本,现在都不太好找到下载源了

    dojo精品中文教程(全)

    分三个包上传时,第三个包好像传不上去,我给整合了一下,打在一个包里上传了! dojo精品中文教程 Dojo.1.0 Practice Note [1] 什么是dojo 选择dojo的理由 AJAX架构之Dojo篇 Adding Ajax中文版 (DoJo) DOJO...

    dojo精品中文教程(包一)

    很不错的中文教程!文件太大分3个包! 目录如下: dojo精品中文教程 Dojo.1.0 Practice Note [1] ...使用 Dojo 工具包和 JSON-RPC 构建企业 SOA Ajax 客户端 利用Dojo实现拖动(Drag and Drop)效果

    dojo1.6关于DOM相关操作的官方介绍

    dojo1.6关于DOM相关操作的官方介绍

    dojo精品中文教程(包二)

    很不错的中文教程!文件太大分3个包! 目录如下: dojo精品中文教程 Dojo.1.0 Practice Note [1] ...使用 Dojo 工具包和 JSON-RPC 构建企业 SOA Ajax 客户端 利用Dojo实现拖动(Drag and Drop)效果

    Dojo框架使用教程

    Dojo框架使用教程

    Ajax详解.rar

    第 14部分:面向 Java 开发人员的 Ajax 结合 Direct Web Remoting 使用 Ajax 154 1.1 DWR 是什么? 155 1.2 关于示例 155 1.3 实现目录 156 1.4 测试部署 157 1.5 调用远程对象 158 1.6 实现购物车 160 1.7 ...

    Ajax基础教程(扫描版)

     本书适合各层次web应用开发人员和网页设计人员阅读。  2005年,在web 2.0热潮中,ajax横空出世,迅速成为最炙手可热的web开发技术。google、microsoft、amazon和yahoo都已经全面采用ajax,新一代的网站如...

    ArcGIS API for JavaScript 开发教程+DOJO指南+配置教程

    ArcGIS API for JavaScript 开发教程+DOJO指南+汉语配置教程,教程是针对arcgis js 3.x版本接口的,学习4.x接口的同学们不要下载

    基于dojo使用ajax调用webservice

    基于dojo使用ajax调用webservice,返回json格式数据,填充下拉框列表

    dojo精品中文教程(包三)

    很不错的教程!文件太大分三个包上传的! 目录如下: dojo精品中文教程 Dojo.1.0 Practice Note [1] ...使用 Dojo 工具包和 JSON-RPC 构建企业 SOA Ajax 客户端 利用Dojo实现拖动(Drag and Drop)效果

    dojo-0.3.1-ajax

    dojo-0.3.1-ajax

    轻松AJAX by dojo

    大量的开发者一想到Ajax,就会直接扑向XMLHttpRequest对象,但这仅仅只是一个开始,而且是Ajax 开发中很容易的部分。 Dojo中包含有很多JavaScript编写的子package,负责处理当你在建造一个JavaScript应用...

    Struts 2.2.1的Ajax整合jQuery 1.4和Dojo 2.0框架的编程示例

    环境:Windows XP Professional ...阅读对象:熟悉Struts 1.x和Struts 2.x框架技术,熟悉jQuery框架技术,并且希望能够使用这些框架来应用开发的人员。 注:本示例工程客户端和服务端的注释非常详细,是学习的好示例。

    ATF开发 Dojo 应用

    ATF开发 Dojo 应用,ATF开发 Dojo 应用

    dojo教程 dojo 教程大全

    精通Dojo(中文版),之前自己学习的时候看的,质量挺高,百度网盘地址

    精通Dojo by Dojo之父

    Dojo是一个非常强大的、面向对象的、开源的JavaScript工具箱,它为开发富客户端Ajax应用提供了一套完整的小部件和一些特效操作。曾经有人这样说:“对于一个Web开发者而言,如果没有Dojo,他将是一个“残废”的...

Global site tag (gtag.js) - Google Analytics