微信标志

JAVAscript练习

东山群-电脑网络技术
1、DOM节点 子节点

例1:子节点 childNodes & nodeType

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

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

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

例2:子节点 children

children.length

childern.className
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%。

节点类型:文本节点:内容,元素节点:< span >内容< / span >

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

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

nodeType:获取节点类型。

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

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