Dom的一些基础知识（1）之获取页面节点：

一.获取页面元素：

1.document.querySelect（"css选择器"）；获取单个页面元素，默认选择器选中的第一个。

2.document.querySelectAll("css选择器");获取到相同选择器选中的一组元素。

3.document.getElementById("id");通过id去获取页面元素。

4.document.getElementsByName("name");通过元素的name去获取元素。获取到相同name的一组元素

5.document.getEmentsByClassName("className");通过类名去获取元素。获取到相同className的一组元素。

6.document.getElememtByTagName("标签名")；通过标签名去获取元素；获取到相同标签名的一组元素。

二.获取页面关系节点或元素：

1.获取父级：

parmentElement：获取到的是父元素。

parmentNode：获取到的是父节点。

2.获取子级：

children:获取到所有的子元素。

childNodes：获取到所有的子节点（包括元素，文本，注释等）。

firstElementChild：获取第一个子元素。

firstChild：获取第一个子节点。

lastElementChild：获取最后一个子元素。

lastChild：获取最后一个子节点。

3.获取同级：

previousElementSibling：获取上一个同级元素。

previousSibling：获取上一个同级节点。

nextElementSibling：获取下一个同级元素。

nextSibling：获取下一个同级节点。