首页> 头条新闻

2020-03-16点击:

简介:基础详解篇是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、学会元素节点的类型判断、继承层次和分类

微信扫码,参与3人拼团