通过DOM，JavaScript能够访问和改变HTML文档的所有元素
HTML DOM 文档对象模型(Document Object Model)
当页面被加载时，浏览器会创建页面的文档对象模型。
HTML DOM 模型被结构化为对象树：
通过这个DOM树对象模型，JavaScript可以动态创建HTML：
- JavaScript 能 改变 页面中的所有HTML 元素
- JavaScript 能 改变 页面中的所有HTML 属性
- JavaScript 能 改变 页面中的所有 CSS样式
- JavaScript 能 删除 已有的HTML元素和属性
- JavaScript 能 添加 新的HTML 元素和属性
- JavaScript 能对页面中所有已有的HTML事件作出反应
- JavaScript 能再页面中创建新的HTML事件
获取HTML元素
元素就是标签
常用的方法：
| 方法名 | 方法说明 |
|---|---|
| getElementById(“id值”) | 通过元素ID值获取到某个元素对象。返回单个对象(id是唯一的) |
| getElementsByName(“name值”) | 通过元素的name值获取到所有符合要求的元素对象。返回元素对象数组 |
| getElementsByTagName(“标签名”) | 通过元素的标签名获取到所有符合要求的元素对象。返回元素对象数组 |
| getElementsByClassName(“class值”) | 通过元素的class值获取到所有符合要求的元素对象。返回元素对象数组 |