DOM节点
从文档对象模型DOM角度看
DOM节点分类
DOM节点树形结构
画出节点树形图
DOM节点关系
获取节点
获取元素节点
- getElement系列
- querySelector系列
层次关系获取节点
- children ：获取某一节点下所有的子一级 元素节点
层次关系获取元素节点
firstElementChild
lastElementChild
获取元素节点的所有属性节点: attributes
层次图
非常规节点获取
节点属性
操作DO节点
我们所说的操作无非就是 增删改查（CRUD）
- 创建一个节点（因为向页面中增加之前，我们需要先创建一个节点出来）
- 向页面中增加一个节点
- 删除页面中的某一个节点
- 修改页面中的某一个节点
- 获取页面中的某一个节点
创建节点
加入节点
- appendChild：是向一个元素节点的末尾追加一个节点
- insertBefore：向某一个节点前插入一个节点
删除节点
替换节点
克隆节点（复制节点）
获取元素的非行间样式
我们在操作 DOM 的时候，很重要的一点就是要操作元素的 css 样式
那么在操作 css 样式的时候，我们避免不了就要获取元素的样式
之前我们说过可以用 元素.style.xxx 来获取
但是这个方法只能获取到元素 行间样式，也就是写在行内的样式
- getComputedStyle（非IE使用）
- currentStyle（IE使用）
获取元素的偏移量
获取元素尺寸（宽、高）三种方式
示例
- 购物车
2. todoList
3. todoList2
