DOM简单操作

一、DOM与Node

DOM是针对html和xml的API。
1998年DOM1级规范成为W3C推荐规范。DOM1级规范定义了Node接口，javascript中所有文档节点都继承自Node，共享着相同属性和方法。

二、节点类型

节点类型

三、属性

1.nodeName和nodeValue

使用前最好检查节点类型。对于元素节点nodeName返回标签名，nodeValue为Null.

2.节点关系

parentNode 父节点
childNodes 子节点
firstChild 第一个子节点
lastChild 最后一个子节点
previousSibling 前一个同胞节点（没有则为null）
nextSibling 后一个同胞节点（没有则为null）

四、方法

1.操作节点（操作对象都为父节点）

appendChild() 添加到子节点的最后
insertBefore(new,some) 在some前添加new（some为空则与appendChild()效果相同）
replaceChild(new,some) 替换节点
removeChild() 移除节点

2.通用方法

cloneNode()（参数true：深复制，同时复制该节点的子节点。参数false,浅复制，只复制该节点自身）
normalize() 找到后代中的空文本节点将其删除，找到相邻文本节点将其合并。