AJAX开发简略 (第二部分)

2019-09-14 07:33:37王旭

7.4.3、使用DOM操作HTML文档
  Node对象定义了一系列属性和方法,来方便遍历整个文档。用parentNode属性和childNodes[]数组可以在文档树中上下移动;通过遍历childNodes[]数组或者使用firstChild和nextSibling属性进行循环操作,也可以使用lastChild和previousSibling进行逆向循环操作,也可以枚举指定节点的子节点。而调用appendChild()、insertBefore()、removeChild()、replaceChild()方法可以改变一个节点的子节点从而改变文档树。

  需要指出的是,childNodes[]的值实际上是一个NodeList对象。因此,可以通过遍历childNodes[]数组的每个元素,来枚举一个给定节点的所有子节点;通过递归,可以枚举树中的所有节点。下表列出了Node对象的一些常用属性和方法:

  Node对象常用属性:

属性 描述
attributes 如果该节点是一个Element,则以NamedNodeMap形式返回该元素的属性。
childNodes 以Node[]的形式存放当前节点的子节点。如果没有子节点,则返回空数组。
firstChild 以Node的形式返回当前节点的第一个子节点。如果没有子节点,则为null。
lastChild 以Node的形式返回当前节点的最后一个子节点。如果没有子节点,则为null。
nextSibling 以Node的形式返回当前节点的兄弟下一个节点。如果没有这样的节点,则返回null。
nodeName 节点的名字,Element节点则代表Element的标记名称。
nodeType 代表节点的类型。
parentNode 以Node的形式返回当前节点的父节点。如果没有父节点,则为null。
previousSibling 以Node的形式返回紧挨当前节点、位于它之前的兄弟节点。如果没有这样的节点,则返回null。

  Node对象常用方法:

方法 描述
appendChild() 通过把一个节点增加到当前节点的childNodes[]组,给文档树增加节点。