为了账号安全,请及时绑定邮箱和手机立即绑定

DOM探索之基础详解篇

难度初级
时长 2小时11分
学习人数
综合评分9.6
254人评价 查看评价
9.8 内容实用
9.4 简洁易懂
9.6 逻辑清晰
简介:基础详解篇是DOM探索系列课程的第一篇,详细全面的介绍DOM的基础知识。首先通过一个案例,让您认识DOM在实际开发中是如何应用的。了解如何判断元素的节点类型,掌握元素节点的继承层次及各种元素节点的分类和规则。为后续课程打下一个坚实的基础。

1章 DOM热身案例——滑动门特效

通过一个案例,一方面让大家回忆前面学过的JS和DOM基础,另一方面让大家感性认识DOM操作。
  1. 1-1 课程介绍 (04:52)
  2. 1-2 案例HTML+CSS结构 (07:15)
  3. 1-3 实例JS+DOM (11:46)

2章 认识DOM

介绍什么是DOM,为什么使用DOM,DOM级别以及Web浏览器对DOM的支持。 详细介绍HTML与XML两种文档的类型,介绍七种重要的节点类型。
  1. 2-1 认识DOM (07:20)
  2. 2-2 DOM 文档类型 (05:50)
  3. 2-3 DOM 节点类型 (07:52)
  4. 2-4 DOM nodeType (03:51)
  5. 2-5 DOM nodeName-nodeValue (09:25)

3章 DOM Ready

深入剖析什么是DOM Ready,了解什么是浏览器渲染引擎,判断DOM是否Ready的意义,学会自己编写浏览器兼容的domReady,最后通过实例来比较window.onload与domReady的不同之处。
  1. 3-1 什么是domReady (04:19)
  2. 3-2 DOM 渲染引擎的渲染流程 (03:13)
  3. 3-3 domReady的实现策略 (12:50)
  4. 3-4 domReady的实现 (08:10)
  5. 3-5 domReady综合案例 (02:58)

4章 如何判断元素节点类型

学习涉及元素节点类型判定的四个方法,第一个isElement,判定某个节点是否是元素节点;第二个isHTML,判定是否为HTML文档的元素节点;第三个isXML,判定是否为XML文档的元素节点;最后一个方法contains,判定两个节点的包含关系。
  1. 4-1 为什么要判断元素节点的类型 (01:45)
  2. 4-2 如何判断节点是元素节点 (03:52)
  3. 4-3 如何判断节点是html和xml元素节点 (06:13)
  4. 4-4 如何判断节点的包含关系contains (07:43)

5章 继承层次与嵌套规则

讲解什么是元素节点的继承层次,以及分析继承层次的意义。最后了解什么是HTML嵌套规则,并介绍了有序列表与无序列表系列、下拉列表系列、热点链接系列、多媒体对象系列及表格系列等特殊元素的嵌套规则。
  1. 5-1 DOM节点继承层次 (04:57)
  2. 5-2 HTML嵌套规则 (13:22)
  3. 5-3 课程总结 (03:03)
课程须知
本课程是前端中级课程 1、您要具备HTML基础知识 2、您要具备CSS基础知识 3、您要具备JS基础知识
老师告诉你能学到什么?
1、重新认识DOM 2、剖析domReady 3、学会元素节点的类型判断、继承层次和分类
意见反馈 常见问题 APP下载
官方微信
hv128