1、DOM节点 子节点

例1:子节点 childNodes & nodeType

实际有2个li,但给出的结果是5。是因为childNodes把空的文本节点也算进去了。

当nodeType等于3,说明是个文本节点,等于1,说明是个元素节点。

判断子节点类型是否等于1,如果等于1则改class。

例2:子节点 children

2、DOM节点 父节点

例1:父节点 parentNode

记录

什么是DOM:DOM是JS组成部分之一,而且有自己得规范。 其实就是document,所有js对页面的操作都是通过document来进行的。



DOM节点:标签(CSS)、元素(JS)、节点(DOM),说的其实是一个东西,叫法不同而已。



浏览器支持DOM的程度:FF(火狐)对于他的兼容性是99%,IE(IE6-8)能支持到10%, IE9可以到99%,Chrome可以达到60%。



节点类型:文本节点:,元素节点:。



子节点:只计算第一层的标签。



childNodes:包括文本节点与元素节点。



nodeType:获取节点类型。



children:只包括元素节点,不包括文本节点,也不必使用nodeType来判断。



父节点:parentNode、offsetParent(获取元素用于定位的那个父级)