html用dom显示xml,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) # 获取属性节点

```