课程概述
DOM编程是使用W3C定义的API来操作HTML文档，使用户可以与页面交互。
在本课程中，你将学习节点、属性、样式等基本DOM操作，DOM事件模型，数据存储(cookie、storage)与数据通信(ajax)，JS动画，音频、视频、canvas等HTML5特性，表单、列表操作。带你进入前端开发实践，领略前端DOM的神奇。
学完本课程后你可以：
掌握DOM操作、事件模型，做易交互的页面。
掌握数据通讯与存储，玩转数据。
掌握JS动画原理，制作炫酷动画。
掌握音频、视频接口，给页面增加视听效果。
掌握Canvas接口，绘制精美图画。
证书要求
本课程的成绩由四部分组成：
单元测验，占20%。
单元作业，占15%。
考试，占50%。
课程讨论，占15%。
获得综合评分60分的可以获得本课程的合格证书，获得85分的可以获得优秀证书。
章节试看
-
表单应用
预备知识
了解HTML
了解CSS
了解Javascript
授课大纲
| 单元（章） | 课题（节） | 内容 |
| 1.基础篇 | 1.文档树 | dom范围，节点类型，节点关系，getElements,children,sibling |
| 2.节点操作 | getElementById,getElementsByClassName,getElementsByTagName,querySelector(All),createElement,innerHTML,innerText,appendChild,insertBefore,insertAdjacentELement(HTML),removeChild,replaceChild | |
| 3.属性操作 | getAttribute,setAttribute,datalist | |
| 4.样式操作 | className ,classList,style,cssText | |
| 5.事件 | capture、target、bubble，事件注册、取消事件注册、事件触发；事件对象；阻止事件冒泡、阻止默认事件，DOM事件分类及继承关系；鼠标事件类型、鼠标事件对象、鼠标事件举例；键盘、输入、焦点事件类型、事件对象、事件举例；其他常用事件介绍与举例，事件代理原理、事件代理例子、事件代理优缺点 | |
| 6.数据通信 | http协议中的头信息字段及应用 | |
| ajax(xhr2,跨域),CORS,jsonp | ||
| 7.数据存储 | cookie | |
| localStorage、sessionStorage | ||
| 8.动画 | setInterval, setTimeout, requestAnimationFrame()，幻灯片切换动画实例 | |
| 9.音频、视频 | audio和video常用属性、方法和事件 | |
| 10.canvas | 介绍canvas基本用法和常用API | |
| 11.BOM | Screen,navigator,location,history对话框,窗体互操作,load,beforeunload,scroll,resize等事件 | |
| 12.表单操作 | input、select、textarea 表单验证属性、接口、事件、应用 表单提交属性、接口、事件、应用 案例讲解表单的综合应用 | |
| 13.列表操作 | 列表的显示、添加、删除、更新、选择操作，面向视图编程和面向数据编程方式的实现对比 | |
| 2.实践篇 | 1、组件实践 | 弹窗组件和轮播组件 |
参考资料
《DOM编程艺术》
