来自: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初学者和进阶者提供了全面的学习材料,无论是理论知识还是实践操作,都能从中受益匪浅。通过深入学习和实践,开发者可以利用DOJO构建出功能强大、用户体验优秀的Web应用。
Dojo 是一个强大的JavaScript工具库,它为Web开发提供了丰富的功能和组件,尤其在构建复杂的、企业级的富互联网应用程序(Rich Internet Applications, RIA)时表现突出。本压缩包"dojostudy"显然是为了帮助用户学习...
3. **dojo/dom和dojo/query**:这两个模块提供了DOM操作功能,包括查找、修改和操作DOM节点。在源代码中,你会看到如何利用dojo/query选择元素,并使用dojo/dom进行属性修改和事件绑定。 4. **dojo/on和dojo/event*...
Dojo是开源的JavaScript工具包,它提供了丰富的功能,包括AJAX、DOM操作、事件处理、动画效果、模块化开发以及面向对象的编程支持,广泛应用于构建高性能的Web应用程序。 这本书主要分为以下几个部分: 1. **Dojo...
总的来说,《dojo book code》的Step-99-Final.zip文件是学习Dojo和Ajax技术的宝贵资源,它包含了实际开发中的代码示例,可以帮助开发者深入理解Dojo框架的使用,提升JavaScript编程和Web应用开发的能力。...
总之,IBM的AJAX教程是一份全面的学习资源,涵盖了从基础到进阶的AJAX技术,对于希望提升Web应用性能和用户体验的开发者来说,是一份宝贵的参考资料。通过深入学习和实践,开发者可以利用AJAX技术构建更加互动和高效...
4. **Dojo的工具集**:介绍Dojo的其他工具,如dojo.query用于DOM查询,dojo.parser用于自动初始化Dijit,以及dojox扩展库提供的额外功能。 5. **性能优化和调试技巧**:讲解如何优化Dojo应用的性能,包括延迟加载、...
在实际开发中,直接使用原生JavaScript编写Ajax代码可能会比较复杂,因此出现了各种Ajax框架,如jQuery、Prototype、Dojo、ExtJS等。这些框架提供了封装好的API,简化了Ajax请求的创建和处理,降低了开发难度。例如...
Dojo 是一个强大的JavaScript工具库,它为Web开发提供了丰富的功能和组件,涵盖了从DOM操作、事件处理到AJAX通信等多个方面。这个压缩包文件包含了Dojo的基础学习资料,分为三个部分:Fundamental(基础)、...
《Dojo CookBook》是一本专注于Dojo JavaScript库的实用指南,它为开发者提供了一系列详细的教程和示例,帮助他们更好地理解和使用Dojo框架。Dojo是一个强大的JavaScript工具集,尤其在构建复杂的企业级Web应用时,...
4. **Prototype和jQuery框架**:这些JavaScript库简化了DOM操作,提供了丰富的功能,如事件处理、动画效果和Ajax方法。在自动补全实例中,这些框架可以帮助快速实现用户输入时的实时建议功能。 **Ajax的性能、安全...
Dojo Toolkit是一个开源的JavaScript库,包含了丰富的组件、工具和API,支持Ajax、DOM操作、动画效果、数据存储以及模块化开发等。它的设计目标是提供一套完整的解决方案,使开发者能够快速、高效地构建跨平台的富...
Dojo 是一个强大的JavaScript工具库,它为Web开发提供了丰富的功能和组件,尤其在AJAX、DOM操作、动画效果以及模块化开发等方面表现卓越。"dojo-release-1.2.1-demos" 是一个针对Dojo 1.2.1版本的示例集合,非常适合...
3. **Ajax进阶** (第03章) - **Ajax与DOM**:如何利用Ajax更新DOM元素,实现局部刷新。 - **事件处理**:介绍如何绑定和触发与Ajax相关的用户事件。 - **错误处理**:学习在Ajax请求失败时如何进行错误处理。 4....
5. **库与框架**:Ajax的开发中,常常会用到如jQuery、Prototype、Dojo等库或框架,书中可能会介绍这些工具的使用方法和优势。 6. **Ajax设计模式**:书中可能会探讨如何通过设计模式来组织和管理Ajax代码,以提高...
4. **DOM操作**:Ajax的一个主要应用是动态更新DOM(文档对象模型)。书里会介绍如何查找、创建、修改和删除DOM元素,以及使用事件监听器增强用户体验。 5. **浏览器兼容性**:由于不同浏览器对Ajax的支持程度不同...
《DojoBookSourceCode.zip》是一个包含Dojo框架相关源代码的压缩文件,主要围绕Ajax技术和Dojo库的使用展开。这个压缩包里的文件结构清晰,分步骤展示了Dojo在Web开发中的应用,特别是表单处理和数据交互的实践。 1...
AJAX 进阶应用包括使用更高级的 JavaScript 技术,如闭包、DOM 操作、事件处理等,以及利用开源的 JavaScript 库和项目,如 jQuery、Prototype、Dojo、AngularJS 等,它们简化了 AJAX 请求的编写,提供了跨浏览器...
- **Dojo**: 一个开源的JavaScript库,提供了一系列功能强大的工具,包括但不限于AJAX支持、DOM操作、事件处理等,特别适用于构建复杂的数据驱动的应用程序。 - **REST (Representational State Transfer)**: 一种...