1，HTML DOM （文档对象模型）
当网页被加载时，浏览器会创建页面的文档对象模型（Document Object Model）。
通过 id 找到 HTML 元素
通过标签名找到 HTML 元素
通过类名找到 HTML 元素
1 //DOM中的第一个常用的方法是getElementById-->表示通过id来获取某个特定的标签，获取的是一个值 2 var pwd = document.getElementById("pwd"); 3 //根据标签的name属性来获取一组标签对象，这个方法一般都只用于表单的获取 4 var users = document.getElementsByName("users"); 5 //根据标签的名称获取一组元素，这个非常的有用，一般用于获取html的各种标签，以此完成各种操作 6 var is = document.getElementsByTagName("input");
2，innerHTML 属性
获取元素内容的最简单方法是使用 innerHTML 属性。
innerHTML 属性对于获取或替换 HTML 元素的内容很有用。
3，nodeName 属性规定节点的名称。
nodeValue 属性规定节点的值。
nodeType 属性返回节点的类型。nodeType 是只读的。
获取某个文本节点的值，对于IE和firefox而言文本的空格不一致，对于IE而言，仅仅只会把换行加入空白，但是FF而言就是全部空格。
| 元素类型 | NodeType |
|---|---|
| 元素 | 1 |
| 属性 | 2 |
| 文本 | 3 |
| 注释 | 8 |
| 文档 | 9 |
4，节点树中的节点彼此拥有层级关系。
父（parent）、子（child）和同胞（sibling）等术语用于描述这些关系。父节点拥有子节点。同级的子节点被称为同胞（兄弟或姐妹）。