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

DOM探索之基础详解篇

学习人数
难度级别 中级
课程时长 2小时11分
综合评分 9.5
210人评价 查看评价
9.8 内容实用
9.3 简洁易懂
9.5 逻辑清晰

简介:基础详解篇是DOM探索系列课程的第一篇,详细全面的介绍DOM的基础知识。首先通过一个案例,让您认识DOM在实际开发中是如何应用的。了解如何判断元素的节点类型,掌握元素节点的继承层次及各种元素节点的分类和规则。为后续课程打下一个坚实的基础。

第1章 DOM热身案例——滑动门特效
通过一个案例,一方面让大家回忆前面学过的JS和DOM基础,另一方面让大家感性认识DOM操作。

第2章 认识DOM
介绍什么是DOM,为什么使用DOM,DOM级别以及Web浏览器对DOM的支持。 详细介绍HTML与XML两种文档的类型,介绍七种重要的节点类型。

第3章 DOM Ready
深入剖析什么是DOM Ready,了解什么是浏览器渲染引擎,判断DOM是否Ready的意义,学会自己编写浏览器兼容的domReady,最后通过实例来比较window.onload与domReady的不同之处。

第4章 如何判断元素节点类型
学习涉及元素节点类型判定的四个方法,第一个isElement,判定某个节点是否是元素节点;第二个isHTML,判定是否为HTML文档的元素节点;第三个isXML,判定是否为XML文档的元素节点;最后一个方法contains,判定两个节点的包含关系。

第5章 继承层次与嵌套规则
讲解什么是元素节点的继承层次,以及分析继承层次的意义。最后了解什么是HTML嵌套规则,并介绍了有序列表与无序列表系列、下拉列表系列、热点链接系列、多媒体对象系列及表格系列等特殊元素的嵌套规则。

讲师提示

课程须知
本课程是前端中级课程 1、您要具备HTML基础知识 2、您要具备CSS基础知识 3、您要具备JS基础知识
老师告诉你能学到什么?
1、重新认识DOM 2、剖析domReady 3、学会元素节点的类型判断、继承层次和分类
意见反馈 常见问题 APP下载
官方微信