js基础——DOM查询

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以及以下的浏览器