DOM（Document Object Model）

通过 HTML DOM，可访问 JavaScript HTML 文档的所有元素。

HTML DOM(文档对象模型)

一、查找对象

1、通过id找到HTML元素

2、通过标签名找到HTML元素

3、通过类名找到HTML元素

4、通过name查找到HTML元素

二、修改内容

1、修改元素

2、修改属性

3、修改样式

三、事件

1、单击事件

• 版本1

• 版本2

• 版本3

• 版本4

2、onload事件

3、键盘事件

监听器：onkeydown、onkeypress、onkeyup

• 事件1

• 事件2

4、鼠标事件

onMouseDown 按下鼠标时触发 
onMouseOver 鼠标经过时触发 
onMouseUp 按下鼠标松开鼠标时触发 
onMouseOut 鼠标移出时触发 
onMouseMove 鼠标移动时触

• 案例

5、焦点事件

• 案例

四、节点

1、添加节点

二级联动

1、

2、

表单验证