1、DOM：documentObjectModel。文档对象模型。
D:代表文档，也即当我们编写一个网页并加载到浏览器中时，它将我们的网页文档转换为一个文档对象
O:代表对象
-用户自定义的对象：程序员自行开发的对象。
-内置对象：内建在javascript语言中的对象
-宿主对象：由浏览器提供的对象
M:代表模型
DOM把一份文档表示为一颗树，如下代码：
example
what to you buy?
don't forget to buy this stuff
- a tin of beans
- cheese
- milk
分析一下网页的结构可以得到这样的模型
dom.jpeg
对于这个树来说，通过不同的节点来构成。节点包括：
-元素节点：例如
- 等；
-文本节点：比如上面代码中元素中的don't forget to buy this stuff即为文本节点；
-属性节点：属性节点被放在元素节点的起始节点中，如：代码中的title="a gentle reminder"即为属性节点；2、获取元素：
(1)、getElementById();通过元素的id属性值来获取元素，返回一个元素对象。(2)、getElementsByTagName();通过元素节点名称来获取元素列表，返回一个对象数组。
(3)、getElementsByTagName();通过元素节点classname来获取元素列表，返回一个对象数组。
3、获取和设置属性
(1)、获取属性值：getAttribute()(2)、设置属性值：getAttribute()