1、获取子节点
- childNodes:返回当前节点的所有子节点
- children:返回当前元素的所有子元素
- firstChild:返回当前节点的第一个子节点
- firstElementChild:获取当前元素的第一个子元素
- lastChild:返回当前节点的最后一个子节点
注意:当标签之间含有空白时,DOM也会认为空白是一个节点;而在IE8浏览器中不会把空白当做节点。
2、获取父节点和兄弟节点
- parentNode:返回当前节点的父节点
- previousSibling:返回当前节点的前一个兄弟节点
- nextSibling:返回当前节点的后一个兄弟节点
3、其他方法
- document.ElementsByTagName("body")[0]:获取body标签;
- document.body:直接访问body标签;
- document.documentElement:获取html根标签;
- document.all:获取页面中的所有元素;
- document.querySelector():可以根据CSS选择器来查询节点对象,可以用在IE8浏览器上;
- document.querySelectorAll():将符合条件的元素封装到数组中,可以用在IE8以及以下的浏览器