1.什么是DOM？
DOM，Document Object Model，全称“文档对象模型”，是应用于HTML的程序编程接口，定义了访问和操作HTML的标准，通过此标准可以对HTML中的元素进行获取、添加、删除、修改等操作。DOM 将 HTML 文档表达为一种树结构。
2.DOM节点
节点（node）是构成HTML文档结构的基本单元。
常用节点分成4类：
- 文档节点：整个HTML文档是一个节点，就像树的根一样
- 元素节点：每个HTML元素是一个节点
- 属性节点：每个HTML元素中的属性是一个节点
- 文本节点：每个HTML元素中的文本内容是一个节点
3.DOM操作
- 获取节点：通过id、classname、标签名获取。
-
创建节点：创建元素节点、文本节点、属性节点
document.createElement(标签名)、document.createTextNode(String)、document.createAttribute(属性名) -
添加节点：添加子节点、在某节点前插入新节点
element.appendChild(Node)、element.insertBefore(newNode,existingNode) - 删除节点：element.removeChild(Node)
-
获取属性、设置属性
element.getAttribute(attributeName)、element.setAttribute(attributeName,attributeValue)
4.BOM
BOM，Browser Object Model，浏览器对象模型，定义了与浏览器交互访问的方法，提供了很多对象用于访问浏览器的功能，比如document、navigator、history、screen、window、location等，最核心的是window对象。BOM将浏览器的各个部分转换为一个个对象，我们可以修改这些对象的属性，调用对象的方法，从而控制浏览器的行为。
4.1 document对象
window对象常用事件：window.onload、window.onresize(屏幕窗口大小变化事件)
