一、什么是DOM
DOM 是Document Object Model( 文档对象模型 )的缩写。
DOM是把html里面的各种数据当作对象进行操作的一种思路。
比如一个超链，作为一个DOM对象，就可以使其隐藏，修改其href指向的地址。
DOM把所有的html都转换为节点
整个文档 是一个节点
元素 是节点
元素属性 是节点
元素内容 是节点
注释 也是节点
二、获取节点
| 关键字 | 简介 |
|---|---|
| document.getElementById | 通过id获取元素节点 |
| getElementsByTagName | 通过标签名称获取元素节点 |
| getElementsByClassName | 通过i类名获取元素节点 |
| getElementsByName | 通过表单元素的name获取元素节点 |
| attributes | 获取属性节点 |
| childNodes | 获取内容节点 |
三、DOM事件
| 关键字 | 简介 |
|---|---|
| onfocus / onblur | 焦点事件 |
| onmousedown / onmouseup / onmousemove / onmouseout | 鼠标事件 |
| onkeydown / onkeypress / onkeyup | 键盘事件 |
| onclick / ondblclick | 点击事件 |
| onchange | 变化事件 |
| onsubmit | 提交事件 |
| onload | 加载事件 |
| return false | 阻止事件的发生 |
| this | 当前组件 |