1、节点是什么？有哪几种？

在一个HTML文档中出现的所有东西都是节点，主要分为元素节点（HTML标签）、文本节点（文本内容）、注释节点（注释内容）、文档节点（document）等。下面我们从每一种类型节点的节点类型（nodeType）、节点名称（nodeName）、节点值（nodeValue）三方面来看看这四种节点的特征。

‘元素节点’

-nodeType: 1

-nodeName:大写标签名

-nodeValue：null

‘文本节点’

-nodeType:3

-nodeName:‘#text’

-nodeValue：文本内容

在标准浏览器中，会把空格、换行当做文本节点处理

‘注释节点’

-nodeType: 8

-nodeName: ‘#comment’

-nodeValue：注释内容

‘文档节点’

-nodeType: 9

-nodeName:‘#document’

-nodeValue：null

2、描述节点之间关系的属性

1）parentNode

获取当前节点唯一的父亲节点

2）childNodes

获取当前元素的所有子节点 ，只获取儿子级别的，包含文本节点、元素节点、注释节点。

3）children

获取当前元素所有的元素子节点，注意这里只获取元素子节点，就是不包括文本节点等其他节点。在IE6-8中会把注释节点也当做元素节点获取到，所以兼容性不好。

4）previousSibling

获取当前节点的上一个哥哥节点（获取的哥哥可能是元素也可能是文本等）

previousElementSibling：获取上一个哥哥元素节点（不兼容6-8）.

5) nextSibling

获取当前节点的下一个弟弟节点，nextElementSibling：获取下一个弟弟元素节点（不兼容6-8）.

6）firstChild

获取当前元素的第一个子节点（可能是元素或者文本等）

firstElementChild 获取当前元素的第一个元素子节点

7）lastChild

获取当前元素的最后一个子节点

lastElementChild 获取当前元素的最后一个元素子节点