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:子元素的数目。