使用 DOM 节点时需要一些属性和方法,因此我们首先来讨论节点的属性和方法。DOM 节点的属性主要有:
nodeName
报告节点的名称(详见下述)。nodeValue
提供节点的 “值”(详见后述)。parentNode
返回节点的父节点。记住,每个元素、属性和文本都有一个父节点。childNodes
是节点的孩子节点列表。对于 HTML,该列表仅对元素有意义,文本节点和属性节点都没有孩子。firstChild
仅仅是childNodes
列表中第一个节点的快捷方式。lastChild
是另一种快捷方式,表示childNodes
列表中的最后一个节点。previousSibling
返回当前节点之前 的节点。换句话说,它返回当前节点的父节点的childNodes
列表中位于该节点前面的那个节点(如果感到迷惑,重新读前面一句)。nextSibling
类似于previousSibling
属性,返回父节点的childNodes
列表中的下一个节点。attributes
仅用于元素节点,返回元素的属性列表。
其他少数几种属性实际上仅用于更一般的 XML 文档,在处理基于 HTML 的网页时没有多少用处。
接下来看看所有节点都具有的方法(与节点属性一样,我省略了实际上不适用于多数 HTML DOM 操作的少数方法):
insertBefore(newChild, referenceNode)
将newChild
节点插入到referenceNode
之前。记住,应该对newChild
的目标父节点调用该方法。replaceChild(newChild, oldChild)
用newChild
节点替换oldChild
节点。removeChild(oldChild)
从运行该方法的节点中删除oldChild
节点。appendChild(newChild)
将newChild
添加到运行该函数的节点之中。newChild
被添加到目标节点孩子列表中的末端。hasChildNodes()
在调用该方法的节点有孩子时则返回 true,否则返回 false。hasAttributes()
在调用该方法的节点有属性时则返回 true,否则返回 false。
与属性处理有关的方法:
getAttribute(name)
返回名为name
的属性值。removeAttribute(name)
删除名为name
的属性。setAttribute(name, value)
创建一个名为name
的属性并将其值设为value
。getAttributeNode(name)
返回名为name
的属性节点(属性节点在 下一节 介绍)。removeAttributeNode(node)
删除与指定节点匹配的属性节点。