# DOM节点遍历

# 各类型节点遍历

# 图示

节点树

# Node.parentNode

返回指定节点在DOM树中的父节点
parentNode是指定节点的父节点。一个元素节点的父节点可能是一个元素(Element)节点,也可能是一个文档(Document)节点,或者是文档碎片(DocumentFragment)节点。

# Node.previousSibling

返回当前节点的前一个兄弟节点,没有则返回null

# Node.nextSibling

返回当前节点的紧跟的兄弟节点,没有则返回null

# Node.childNodes

返回包含所有子节点的集合,该集合为即时更新的集合。

# Node.firstChild

返回当前节点的第一个子节点,如果无子节点,则返回 null

# Node.lastChild

返回当前节点的最后一个子节点,如果无子节点,则返回 null



# 元素节点遍历

# 图示

元素节点树

# Node.parentElement

返回当前节点的父元素节点,如果该元素没有父节点,或者父节点不是一个 DOM 元素,则返回 null

# Element.children

返回 一个Node的子elements ,是一个动态更新的 HTMLCollection

# Element.previousElementSibling

返回当前元素在其父元素的子元素节点中的前一个元素节点。如果该元素已经是第一个元素节点,则返回null

# Element.nextElementSibling

返回当前元素在其父元素的子元素节点中的后一个元素节点。如果该元素已经是最后一个元素节点,则返回null

# Element.firstElementChild

返回当前节点的第一个子元素, 如果没有子元素,则为null。

# Element.lastElementChild

返回当前节点的最后一个子元素, 如果没有子元素,则为null。

作者:王龙楷; 标签:原创; 提交时间: 5/26/2020, 4:49:32 PM