- DOM节点分为:文档节点、元素节点、属性节点和文本节点。
-
- 节点属性:
-
- nodeName:节点名称。
-
- nodeValue:节点的值。
-
- parentNode:节点的父节点。每个元素、属性和文本都有一个父节点。
-
- childNodes:节点的孩子节点列表。对于HTML,该列表仅对元素有意义,文本节点和属性节点都没有孩子。
-
- firstChild:仅仅是childNodes列表中第一个节点的快捷方式。
-
- lastChild:另一种快捷方式,表示childNodes列表中的最后一个节点。
- previousSibling:返回当前节点之前的节点。换句话说,它返回当前节点的父节点的 childNodes 列表中位于该节点前面的那个节点(如果感到迷惑,重新读前面一句)。
- nextSibling:类似于previousSibling属性,返回父节点的childNodes列表中的下一个节点。
-
- attributes:仅用于元素节点,返回元素的属性列表。
-
- 节点方法:
- insertBefore(newChild, referenceNode)将newChild节点插入到referenceNode之前。注意,应该对newChild 的目标父节点调用该方法。
- replaceChild(newChild, oldChild)用newChild节点替换oldChild节点。
-
- removeChild(oldChild)从运行该方法的节点中删除oldChild节点。
-
- appendChild(newChild)将newChild添加到运行该函数的节点之中。newChild被添加到目标节点孩子列表中的末端。
- hasChildNodes()在调用该方法的节点有孩子时则返回true,否则返回false。
- hasAttributes()在调用该方法的节点有属性时则返回true,否则返回false。
-
- 文档节点:
- 也可使用document对象创建新节点,如下所示:
- createElement(elementName)使用给定的名称创建一个元素。
- createTextNode(text)使用提供的文本创建一个新的文本节点。
- createAttribute(attributeName) 用提供的名称创建一个新属性。
-
- 元素节点:
-
- 与属性处理有关的方法:
- getAttribute(name)返回名为name的属性值。
- removeAttribute(name)删除名为name的属性。
- setAttribute(name, value)创建一个名为name的属性并将其值设为value。
- getAttributeNode(name)返回名为name的属性节点。
- removeAttributeNode(node)删除与指定节点匹配的属性节点。
- 与查找嵌套元素有关的方法:
- getElementsByTagName(elementName)返回具有指定名称的元素节点列表。
-
- 文本节点:
-
- appendData(text)将提供的文本追加到文本节点的已有内容之后。
- insertData(position, text)允许在文本节点的中间插入数据。在指定的位置插入提供的文本。
- replaceData(position, length, text)从指定位置开始删除指定长度的字符,用提供的文本代替删除的文本。
-
- DOM 节点类型定义了一些常量,比如:
-
- Node.ELEMENT_NODE 是表示元素节点类型的常量。
-
- Node.ATTRIBUTE_NODE 是表示属性节点类型的常量。
-
- Node.TEXT_NODE 是表示文本节点类型的常量。
-
- Node.DOCUMENT_NODE 是表示文档节点类型的常量。
posted @
2017-01-11 16:28
天涯海角路
阅读(
113)
评论()
收藏
举报