由于HTML文档可以看做是一个节点树,因此,可以利用操作节点的方式操作HTML中的元素。
1、DOM获取子节点
childNodes
使⽤childNodes
获取⼦节点的时候,childNodes
返回的是⼦节点的集合,是⼀个数组的格式。他会把换⾏和空格也当成是节点信息。(能看到的和看不到的)
children
children不会返回⽂本节点,返回的是元素节点(元素就是标签)
2、DOM获取父节点
parentNode
获取的是当前元素的直接⽗元素,是w3c
的标准
parentElement
获取的是当前元素的直接⽗元素,是ie
的标准
offsetParent
获取离当前节点最近的⼀个有定位的⽗节点或祖先节点,如果没有即为获取body
4、获取节点信息
nodeName:当前节点的名称
- 元素节点的
nodeName
是标签名称 - 属性节点的
nodeName
是属性名称 - 文本节点的
nodeName
永远是#text
- 文档节点的
nodeName
永远是#document
nodeValue:当前节点的值
- 对于文本节点,
nodeValue
属性包含文本。 - 对于属性节点,
nodeValue
属性包含属性值。
nodeValue
属性对于文档节点和元素节点是不可用的
nodeType:当前节点的类型
nodeType
:
1
为元素节点element
2
为属性节点attr
3
为⽂本节点(即空格或换⾏,字符)text
8
为注释节点comments
9
为文档节点document