• 12h

    课程时长

  • 无限期

    有效期

  • 713

    学习人数

课程参数
学前基础要求
1.具备HTML和CSS基础编程能力 2.具备一定的JS基础知识

课程简介

该课程详细全面的介绍DOM的基础知识,让学员重新认识DOM,学会元素节点的类型判断、继承层次和分类、DOM事件具体相关知识以及DOM事件的使用方法及应用。为了让学员在实际开发过程中灵活运用,配备了相应的案例,在案例的基础上更透彻的剖析知识点。

适合人群

1.适合有HTML和CSS基础的人群

2.掌握一定的JS基础知识、函数封装及调用等知识的人群

课程亮点

1.知识点由浅入深进行学习

2.丰富的案例分析及实现

主讲内容

1-Javascript-DOM操作

2-阻止a标签的默认行为及案例

3-事件三要素的使用及案例

4-阻止a标签的默认行为及案例升级

5-类名的设置、切换、替换及封装

6-innerText、innerHTML和textContent的区别

7-禁用文本框

8-value属性

9-大量拼接字符串

10-仿京东搜索框

11-全选与反选

12-排他思想与案例

13-属性操纵方法及案例

14-隔行变色

15-节点属性及菜单切换案例

16-子元素和随机选中案例

17-表单验证

18-封装工具包

19-开灯关灯案例

20-获取和设置行内样式

21-案例练习1

22-透明度

23-案例练习2

24-设置盒子位置及层级

25-节点的插入移除和克隆

26-许愿墙案例1

27-动态创建页面结构

28-效率问题

29-createElement

30-动态文本框和列表

31-选好友案例

32-百度搜索

33-微博发布

34-在线会员

35-许愿墙案例2

36-顶级对象

37-窗机事件

38-打开窗口

39-定时器

40-location对象

41-定时跳转

42-三个对象

43-移动盒子

44-日期对象

45-电子表案例

46-机械表

47-基本包装对象

48-字符串常用方法

49-替换和查找类名

50-字符串的其他方法

51-变量声明、提升及作用域

52-面试题讲解

实战项目

许愿墙案例

该案例通过HTML、CSS、JS进行逐步开发,通过建立需求、需求分析、执行过程中问题的解决等内容,完成整个案例的开发,同时通过类名获取元素的兼容函数,进而加快开发的效率。

学完收获

1.DOM操作

2.DOM事件的使用方法及应用

3.DOM知识点在实际开发过程中的灵活运用

师资团队
  • 前端高级讲师
    高级讲师
    前端开发工程师和软件开发工程师, 具有多年软件开发项目经验,曾就职于某大型外企,在软件开发和培训方面积累了丰富的经验,精通Ajax、Linux、ThinkPHP、Yii、SVN、jQuery、Redis、Mysql、XML等,上课语言幽默,逻辑清晰。