DOM（Document Object Model）文档对象模型

1，html文档中内容主要有css，js控制，在html中书写的内容越少越好。

2，修改样式：①设置className属性②通过style修改，貌似修改样式都是在js中修改的（css中属性名在js中操作的属性名可能不一样）。在js中可以运用css中的类。

3，css（Cascading Style Sheets）：用来表现HTML（标准通用标记语言下的一个应用超文本标记语言）或XML等文本样式的计算机语言。

4，js（Javascript）是一种直译式脚本语言，用来给HTML网页增加动态功能。事件响应函数，事件响应调用函数。

5，动态创建控件：Createelement，添加创建的控件appendchild。

6，获取元素内容：value（表单元素的值），innerText（获取标签之间的值）是去除HTML标签后所有的内容，innerHTML是获取包含HTML标签的内容。

7，元素的position样式值：relative（相对于上一元素的位置不变），absolute（绝对位置：相对于浏览器的位置不变），fixed（相对于窗口的固定位置，不会随浏览器的滚动变化）。

8，通过body添加事件是在文档的有效区域内起作用。

9，通过dom读元素的top、left、width、height等值，为了兼容统一使用字符串形式，eg：div1.style.width='80px'。