JavaScript的WebAPI之DOM操作

本阶段是DOM课程的讲解， 从DOM的概念，到DOM的获取元素对象的各种方法，以及对样式的操作， 对元素内容和属性的操作，对事件的操作，位置属性操作等，再到实战项目，全程覆盖DOM的每个知识点， 并且讲解每个知识点，都结合网页中流行的特效案例进行讲解。并配有项目开发过程。

JavaScript

JavaScript

第一关： JavaScript的DOM应用 本关是DOM学习的第一关， 重点讲解DOM使用， 包括对DOM的介绍， 文档对象的属性和方法的使用，获取文档的对象集合，操作对象的属性，操作对象的单个样式， 和操作对象的类样式， 以及通过名子属性获取元素集合，通过类名获取元素对象集合等内容。并结合伸缩菜单，以及选择卡等案例，对本关内容进行贯穿。

JavaScript

JavaScript

第二关：DOM导航和节点操作 本关内容是DOM导航和节点操作， 包括DOM树的结构介绍，节点的属性，以及在DOM节点之间进行导航， 重点是创建元素节点，并在DOM树中追加，以及删除和替换节点的操作， 并结合几个常用的DOM导航案例进行讲解。

JavaScript

JavaScript

第三关：DOM元素的位置属性和事件操作 本关主要的内容是讲解元素的各种位置属性， 并通过位置属性讲解DOM的动画开发， 以及讲解DOM中的常用事件，和事件对象，以及事件冒泡处理， 并通过常用的一些事件，结合位置属性，开发页面中常见的动画。

JavaScript

JavaScript

第四关：DOM表单操作及相关的案例 本关主要讲解和DOM操作表单相关的内容， 包括表单使常用的事件和操作方法， 和JS表单验证API。重点讲解联动菜单， 权限选择和表单验证等，常见的和表单相关的实用案例。

JavaScript

JavaScript

第五关：原生JS版贪吃蛇游戏项目开发过程 本关内容是经典的网页游戏贪吃蛇案例开发全过程，　从项目需求分析到游戏上开发过程一步步实现，　并以面向对象的思想开发，并结合游戏的算法和业务流程，可以将JavaScript基础、BOM和DOM所学知识串联到一起，也可以启发开发思路。