常用 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


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) 从指定位置开始删除指定长度的字符，用提供的文本代替删除的文本


1. Node.ELEMENT_NODE 是表示元素节点类型的常量

2. Node.ATTRIBUTE_NODE 是表示属性节点类型的常量

3. Node.TEXT_NODE 是表示文本节点类型的常量

4. Node.DOCUMENT_NODE 是表示文档节点类型的常量