使用 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元素。

扫描二维码关注公众号,回复: 626978 查看本文章

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

猜你喜欢

转载自zlzyfpqianhao9951078.iteye.com/blog/2072025