JavaScripte 学习笔记

遍历 DOM

对 DOM 的所有操作都是以 document 对象开始。

最顶层

最顶层的树节点可以直接作为 document 的属性来使用：

= document.documentElement = document.body = document.head

子节点：childNodes，firstChild，lastChild

childNodes 集合列出了所有子节点，包括文本节点。

firstChild 和 lastChild 属性是访问第一个和最后一个子元素的快捷方式。

兄弟节点和父节点

下一个兄弟节点在 nextSibling 属性中，上一个是在 previousSibling 属性中。

可以通过 parentNode 来访问父节点。

纯元素导航

• children — 仅那些作为元素节点的子代的节点。
• firstElementChild，lastElementChild — 第一个和最后一个子元素。
• previousElementSibling，nextElementSibling — 兄弟元素。
• parentElement — 父元素。

搜索：getElement，querySelector