JavaScript中，文档结构遍历

js中，文档结构遍历有两套很相似的API分别只是是否包括文本节点和注释节点：

1.作为节点树遍历：(包括文本节点和注释节点)

Document对象、Element对象和文档中表示文本的Text对象都是Node对象。Node定义了以下重要属性：

parentNode：该节点的父节点。没有父节点就是null。
childNodes：只读的类数组对象（NodeList），它是该节点的子节点的实时表示。
firstChild和lastChild:该节点的子节点中的第一个和最后一个，如果没有子节点则为null。
nextSibling和previousSibling：该节点的兄弟节点中的前一个和后一个。
nodeType：节点类型，1代表Element节点，3代表Text节点，9代表Document节点。当然没有列举。
nodeValue：Text节点或Comment节点的文本内容。

nodeName：元素的标签名，以大写形式表示。

特别注意：该API对文档变化及其敏感，是实时性的。

2.作为元素树遍历：（只包括元素节点）

children：类似childNodes，返回包含Element对象的NodeList对象。
parentNode：因为text和comment节点没有children属性，所以任何Element的parentNode总是Element，或者根节点。
firstElementChild、lastElementChild：类似firstChild和lastChild，但只代表Element。
nextElementSibling、previousElementSibling：类似nextSibling和previousSibling，但只代表兄弟Element。
childElementCount：子元素的数目。