DOM浅谈

1.DOM 也是一种跨语言 的规范，换句话说，大多数主流编程语言都能使用它。W3C 为 DOM 定义了几种语言绑定。一种语言绑定就是为特定语言定义的让您使用 DOM 的 API。比如，可以使用为 C、Java 和 JavaScript 定义的 DOM 语言绑定。因此可以从这些语言中使用 DOM。还有几种用于其他语言的语言绑定，尽管很多是由 W3C 以外的第三方定义的。了解什么是 DOM 树?一个html文档就是一棵DOM树。它主要是由节点组成。

2.节点的属性

• nodeName 报告节点的名称（详见下述）。
• nodeValue 提供节点的 “值”（详见后述）。
• parentNode 返回节点的父节点。记住，每个元素、属性和文本都有一个父节点。
• childNodes 是节点的孩子节点列表。对于 HTML，该列表仅对元素有意义，文本节点和属性节点都没有孩子。
• firstChild 仅仅是 childNodes 列表中第一个节点的快捷方式。
• lastChild 是另一种快捷方式，表示 childNodes 列表中的最后一个节点。
• previousSibling 返回当前节点之前 的节点。换句话说，它返回当前节点的父节点的 childNodes 列表中位于该节点前面的那个节点（如果感到迷惑，重新读前面一句）。
• nextSibling 类似于 previousSibling 属性，返回父节点的 childNodes 列表中的下一个节点。
• attributes 仅用于元素节点，返回元素的属性列表。

• 3.节点方法

• insertBefore(newChild, referenceNode) 将 newChild 节点插入到 referenceNode 之前。记住，应该对 newChild 的目标父节点调用该方法。
• replaceChild(newChild, oldChild) 用 newChild 节点替换 oldChild 节点。
• removeChild(oldChild) 从运行该方法的节点中删除 oldChild 节点。
• appendChild(newChild) 将 newChild 添加到运行该函数的节点之中。newChild 被添加到目标节点孩子列表中的末端。
• hasChildNodes() 在调用该方法的节点有孩子时则返回 true，否则返回 false。
• hasAttributes() 在调用该方法的节点有属性时则返回 true，否则返回 false。

• 4.

  与属性处理有关的方法：

  getAttribute(name) 返回名为 name 的属性值。

  removeAttribute(name) 删除名为 name 的属性。

  setAttribute(name, value) 创建一个名为 name 的属性并将其值设为 value。

  getAttributeNode(name) 返回名为 name 的属性节点（属性节点在 下一节 介绍）。

  removeAttributeNode(node) 删除与指定节点匹配的属性节点。

  与查找嵌套元素有关的方法：

  getElementsByTagName(elementName) 返回具有指定名称的元素节点列表。