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

使用 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权威指南+DOJO1.1源码

    总之,这个资源集合为DOJO初学者和进阶者提供了全面的学习材料,无论是理论知识还是实践操作,都能从中受益匪浅。通过深入学习和实践,开发者可以利用DOJO构建出功能强大、用户体验优秀的Web应用。

    用于dojo学习

    Dojo 是一个强大的JavaScript工具库,它为Web开发提供了丰富的功能和组件,尤其在构建复杂的、企业级的富互联网应用程序(Rich Internet Applications, RIA)时表现突出。本压缩包"dojostudy"显然是为了帮助用户学习...

    Dojo权威指南源代码

    3. **dojo/dom和dojo/query**:这两个模块提供了DOM操作功能,包括查找、修改和操作DOM节点。在源代码中,你会看到如何利用dojo/query选择元素,并使用dojo/dom进行属性修改和事件绑定。 4. **dojo/on和dojo/event*...

    Dojo 1.01 Book

    Dojo是开源的JavaScript工具包,它提供了丰富的功能,包括AJAX、DOM操作、事件处理、动画效果、模块化开发以及面向对象的编程支持,广泛应用于构建高性能的Web应用程序。 这本书主要分为以下几个部分: 1. **Dojo...

    dojo book code

    总的来说,《dojo book code》的Step-99-Final.zip文件是学习Dojo和Ajax技术的宝贵资源,它包含了实际开发中的代码示例,可以帮助开发者深入理解Dojo框架的使用,提升JavaScript编程和Web应用开发的能力。...

    IBM的AJAX教程

    总之,IBM的AJAX教程是一份全面的学习资源,涵盖了从基础到进阶的AJAX技术,对于希望提升Web应用性能和用户体验的开发者来说,是一份宝贵的参考资料。通过深入学习和实践,开发者可以利用AJAX技术构建更加互动和高效...

    Mastering Dojo

    4. **Dojo的工具集**:介绍Dojo的其他工具,如dojo.query用于DOM查询,dojo.parser用于自动初始化Dijit,以及dojox扩展库提供的额外功能。 5. **性能优化和调试技巧**:讲解如何优化Dojo应用的性能,包括延迟加载、...

    疯狂Ajax讲义源码

    在实际开发中,直接使用原生JavaScript编写Ajax代码可能会比较复杂,因此出现了各种Ajax框架,如jQuery、Prototype、Dojo、ExtJS等。这些框架提供了封装好的API,简化了Ajax请求的创建和处理,降低了开发难度。例如...

    Dojo基础资料

    Dojo 是一个强大的JavaScript工具库,它为Web开发提供了丰富的功能和组件,涵盖了从DOM操作、事件处理到AJAX通信等多个方面。这个压缩包文件包含了Dojo的基础学习资料,分为三个部分:Fundamental(基础)、...

    Dojo CookBook

    《Dojo CookBook》是一本专注于Dojo JavaScript库的实用指南,它为开发者提供了一系列详细的教程和示例,帮助他们更好地理解和使用Dojo框架。Dojo是一个强大的JavaScript工具集,尤其在构建复杂的企业级Web应用时,...

    《Ajax技术》课程介绍.ppt

    4. **Prototype和jQuery框架**:这些JavaScript库简化了DOM操作,提供了丰富的功能,如事件处理、动画效果和Ajax方法。在自动补全实例中,这些框架可以帮助快速实现用户输入时的实时建议功能。 **Ajax的性能、安全...

    DOJO参考_适用于初级读者

    Dojo Toolkit是一个开源的JavaScript库,包含了丰富的组件、工具和API,支持Ajax、DOM操作、动画效果、数据存储以及模块化开发等。它的设计目标是提供一套完整的解决方案,使开发者能够快速、高效地构建跨平台的富...

    dojo-release-1.2.1-demos

    Dojo 是一个强大的JavaScript工具库,它为Web开发提供了丰富的功能和组件,尤其在AJAX、DOM操作、动画效果以及模块化开发等方面表现卓越。"dojo-release-1.2.1-demos" 是一个针对Dojo 1.2.1版本的示例集合,非常适合...

    疯狂ajax源代码第01-12章

    3. **Ajax进阶** (第03章) - **Ajax与DOM**:如何利用Ajax更新DOM元素,实现局部刷新。 - **事件处理**:介绍如何绑定和触发与Ajax相关的用户事件。 - **错误处理**:学习在Ajax请求失败时如何进行错误处理。 4....

    McGraw.Hill.Ajax.The.Complete.Reference.Feb.2008

    5. **库与框架**:Ajax的开发中,常常会用到如jQuery、Prototype、Dojo等库或框架,书中可能会介绍这些工具的使用方法和优势。 6. **Ajax设计模式**:书中可能会探讨如何通过设计模式来组织和管理Ajax代码,以提高...

    Ajax.Hacks

    4. **DOM操作**:Ajax的一个主要应用是动态更新DOM(文档对象模型)。书里会介绍如何查找、创建、修改和删除DOM元素,以及使用事件监听器增强用户体验。 5. **浏览器兼容性**:由于不同浏览器对Ajax的支持程度不同...

    DojoBookSourceCode.zip

    《DojoBookSourceCode.zip》是一个包含Dojo框架相关源代码的压缩文件,主要围绕Ajax技术和Dojo库的使用展开。这个压缩包里的文件结构清晰,分步骤展示了Dojo在Web开发中的应用,特别是表单处理和数据交互的实践。 1...

    ajax_intro_1.2

    AJAX 进阶应用包括使用更高级的 JavaScript 技术,如闭包、DOM 操作、事件处理等,以及利用开源的 JavaScript 库和项目,如 jQuery、Prototype、Dojo、AngularJS 等,它们简化了 AJAX 请求的编写,提供了跨浏览器...

    ArcGIS_API_for_Javascript_开发教程

    - **Dojo**: 一个开源的JavaScript库,提供了一系列功能强大的工具,包括但不限于AJAX支持、DOM操作、事件处理等,特别适用于构建复杂的数据驱动的应用程序。 - **REST (Representational State Transfer)**: 一种...

Global site tag (gtag.js) - Google Analytics