DOM节点

dom节点是dom中最基本的组成单元。

层级方式划分 ： 父节点 、 子节点 、 兄弟节点

类型方式划分 ：1 元素节点、2 属性节点、3 文本节点、8 注释节点、9 document节点

父子节点是上下两层节点之间的关系。

当前节点上面的所有节点都统称为 祖先节点。

当前节点下面的所有节点都统称为 子孙节点。

childNodes : 子节点。    有兼容问题      标准属性

标准浏览器下：会把代码中的代码换行解析成空白文本节点。

children : 子节点        非标准属性

不会把换行符解析成空白文本节点。

查看变量类型 ： typeof 运算符

查看节点类型： nodeType 属性

查看节点名称 ： nodeName 属性

查看节点的值： nodeValue 属性

类型方式划分 ：元素节点、属性节点、文本节点、注释节点、document节点

查看节点名称 ： nodeName 属性

元素节点的 nodeName : 元素的本身

属性节点的 nodeName : 属性名本身

文本节点的 nodeName : #text

注释节点的 nodeName : #comment

document的 nodeName : #document

查看节点的值： nodeValue 属性

元素节点的 nodeValue : null

属性节点的 nodeValue : 属性值

文本节点的 nodeValue : 文本内容

注释节点的 nodeValue : 注释的内容

document的 nodeValue : null

firstChild : 第一个子节点 在标准和ie9下会获取到空白文本节点。

firstElementChild : 标准下获取第一个子元素节点，ie6/7/8不支持。

lastChild : 最后一个子节点 在标准和ie9下会获取到空白文本节点。

lastElementChild : 标准下获取最后一个子元素节点，ie6/7/8不支持。

nextSibling：下一个兄弟节点 在标准和ie9下会获取到空白文本节点。

nextElementSibling：标准下获取下一个兄弟元素节点，ie6/7/8不支持。

previousSibling：上一个兄弟节点 在标准和ie9下会获取到空白文本节点。

previousElementSibling：标准下获取上一个兄弟元素节点，ie6/7/8不支持。