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。