JavaScript由三个部分组成：ECMAScript、DOM、BOM。前面已经学习了ECMAScript中的基础内容，现在可以开始学习DOM部分了，在DOM中更多的是实际效果的展现。
1. DOM定义
DOM：document object model 文档对象模型
它是将整个页面文档封装成了一个对象，并且这个文档对象由很多不同的节点组成。
节点包括三部分： 元素节点（标签节点）、属性节点、文本节点。
2. 获取页面的方式
2.1 getElementById
Id: document.getElementById() 唯一的对象元素
我们在css样式中遇到过标签的id，由于id的唯一性所以在css中不常用，而在DOM中却相反，因为在给页面做DOM属性设置时常为单一对象描述，所以id可以在DOM编写中使用到，每个id的值必须唯一。
2.2 getElementsByTagName
我们还可以通过获取标签的方式来获取元素，最后我们获得的是由同样的标签组成的数组。
注意：即使只有一个标签也会组成一个数组。
2.3 getElementsByClassName
类名: document.getelementsByClassName() 获得对象数组
在CSS中我们常用的类选择器也能在DOM中用来获取页面元素，但是document.getElementsByClassName("类名")有很强的兼容性问题，一般不用。
3. 事件
3.1 事件的定义
当我们获取完页面元素后，会对这些获取到的元素设置属性。
而在这时会涉及到事件这个概念。
事件就是用户在文档或浏览器窗口中发生的一些特定的交互瞬间。
事件需要触发和响应两个阶段，触发是指具体的一些交互瞬间，响应是这些交互瞬间引发或得到的某一效果。
3.2 事件三要素
3.2.1 事件源(发生事件的源头)：是指被获取到并被引用事件的页面元素。
3.2.2 事件名称：是指具体的交互瞬间的类型。
3.2.3 事件处理程序 ：要执行的代码或是结果，常为函数。
3.3 注册事件
获取页面元素又可以称为获取事件源，在获取完事件源之后需要给它设定具体事件，这就叫注册事件。
注册事件分为两种方法：
行内式：on+事件名组成注册事件，直接在对应的标签上注册事件。
内嵌式：on+事件名组成注册事件，用事件源.的形式注册事件。
主要使用on+事件名来注册，其他方法以后遇到了再做补充。