XML/HTML DOM常用操作

一、元素节点：

1. 创建节点：

domObj.createElement(name)

2. 添加节点：

1、node.appendChild(new)  #  在节点之后插入新的子节点
2、node.insertBefore(new,old)  #  在旧节点之前插入新节点

3. 克隆节点：

node.cloneNode(true/false)

4. 修改节点：

node.replaceChild(new,old)  #  用新节点替换旧节点

5. 删除节点：

node.removeChild(oldNode)  #  移除旧节点

6. 查询节点：

node.getElementsByTagname(name)

二、文本节点：

1. 创建节点：

1、domObj.createTextNode(name)  #  纯文本
2、domObj.createCDATAsection(name)  #  格式化的文本 
3、domObj.createComment(name)  #  注释文本

2. 添加节点：

1、node.insertData(start,str)  #  向指定位置处的文本中插入字符串
2、node.appendData(str)  #  向文本后插入字符串

3. 克隆节点：

node.cloneNode(true/false)

4. 修改节点：

1、node.replaceData(start,length,str)  #  用新的字符串替换指定位置指定长度的文本
2、node.nodeValue  #  直接修改文本内容

5. 删除节点：

1、node.removeChild(oldNode)  #  移除旧的文本节点
2、node.nodeValue  #  直接修改文本节点的值
3、node.deleteData(start,length)  #  从指定位置开始删除指定长度的文本

6. 查询节点：

1、node.nodeValue  #  获取文本节点的值
2、node.substringData(start,length)  #  从文本节点中提取一段字符

三、属性节点：

1. 创建节点：

1、node.createAttribute(name)  #  创建节点
2、node.setAttribute(name,value)  #  创建节点并赋值

2. 添加节点：

node.setAttribute(name,value)

3. 克隆节点：

node.cloneNode(true/false)

4. 修改节点：

1、node.setAttribute(name,value)  #  创建节点并赋值
2、node.nodeValue  #  直接修改节点值

5. 删除节点：

1、node.removeAttribute(name)  #  删除指定节点
2、node.removeAttributeNode(oldNode)  #  移除旧节点
3、node.removeNamedItem(name)  #  移除指定属性

6. 查询节点：

1、node.getAttribute(name)  #  直接获取属性
2、node.getNamedItem(name)  #  获取属性节点