1.通过ID获取元素document.getElementById("id名称")；
* 一个文档中每个id只允许出现一次，如果出现多个默认获取第一个
* IE 6、7下表单元素的name属性值可以当做id使用，且不用区分大小写（即如果input的name,跟下面的元素id重复，通过id获取是会取到input，而不是下面的元素），项目中表单元素的那么和其他元素的id不要重复，也不要用大小写区分
* 通过id如果获取不到元素返回结果是null
2.通过标签名获取元素document.getElementsByTagName("标签名")；
3.document.getElementsByName("name")；通过name属性获取元素；
4.document.getElementsByClassName("类名")；通过类名获取元素；
5.document.querySelector(）；获取一个
6.document.querySelectorAll(）；获取多个类数组集合
获取元素节点
| nodeType | nodeNmae | nodeValue | |
|---|---|---|---|
| 元素节点 （元素标签） | 1 | 大写的标签名 | null |
| 文本节点（文字） | 3 | #text | 文字内容 |
| 注释节点 （注释） | 8 | #comment | 注释内容 |
| document | 9 | #document | null |
DOM元素.childNodes 获取所有的子节点
DOM元素.children获取所有的元素子节点
DOM元素.parentNode获取父亲节点
DOM元素.previousSibling获取哥哥节点
DOM元素.nextSibling获取弟弟节点
DOM元素.firstChild 获取第一个子节点
DOM元素.lastChild 获取最后一个子节点
| nodeType | nodeNmae | nodeValue | |
|---|---|---|---|
| 元素节点 （元素标签） | 1 | 大写的标签名 | null |
| 文本节点（文字） | 3 | #text | 文字内容 |
| 注释节点 （注释） | 8 | #comment | 注释内容 |
| document | 9 | #document | null |
标准浏览器下，空格和换行都作为文本节点处理
上述的节点类型可以通过nodeType判断和筛选节点进行操作
