节点类型
每种节点类型都有一个关联的数值,保存在属性nodeType里,其值的含义如下所示:
![](https://img.haomeiwen.com/i23724430/1a3dcf68082c84d6.png)
最常用的节点类型是1、2、3,也就是页面元素、他们的属性和包含的文本。
childNodes属性
每个节点都有一个childNodes属性。这个属性类似数组,包含了当前节点全部直接子节点的集合,我们可以访问这些子节点的信息。
childNodes集合称为“节点列表”(NodeList),其中的项目以数值进行索引。节点列表是一个动态集合,这表示集合的任何改变都会立即反映到列表。
对象.childNodes
//长度
对象.childNodes.length
firstChild 和 lastChild
firstChild就是childNodes数组中的第一个元素,相当于childNodes[0]。
lastChild就是childNodes的最后一个元素,相当于 对象.childNodes[对象.childNodes.length - 1]。
parentNode属性
parentNode属性保存节点的父节点。
nextSibling 和 previousSibling
previousSibling 和 nextSibling 属性分别返回节点的前一个和后一个兄弟节点,如果不存在相应的节点,就返回null。
节点值
DOM节点的nodeValue属性返回保存在节点里的值,一般用它返回文本节点里的内容。
节点名称
nodeName属性以字符串形式返回节点的名称,这个属性是只读,不能修改它的值。当 nodeName 返回元素名称时,并不包括HTML源代码里使用的尖括号<>。
网友评论