DOM的基础知识

BOM的总结

​ 1、浏览器对象模型：Browser Object Model

​ 2、作用：提供了对浏览器进行操作的方法、属性

​ 3、核心对象：window对象 （重点）

​ 4、其他对象：document、location、history、navigator、screen（既可以作为BOM对象独立使用，也可以作为window对象的属性使用）

作业：画BOM的思维导图

三、JavaScript的组成

​ 1、ECMAScript：JavaScript的语法标准 —— ECMAScript5.0、ECMAScript2015（ES6）、ECMAScript2017

​ 2、BOM：浏览器对象模型

​ 3、DOM：文档对象模型

四、DOM：

​ 1、什么是DOM?

​ Document Object Model：文档对象模型

​ 2、DOM的核心：document对象

​ 3、DOM的作用：可以访问和操作XML和HTML文档中标签、标签的属性、节点的属性和方法

​ 4、在DOM中将整个html文档看做是一个倒立的树（树装结构）：一个html页面就是一个DOM对象，是一棵DOM HTML树

​ （1）DOM HTML树的根节点：html

​ （2）元素(Element)：html文档中的标签

​ （3）节点(Node)：html文档中的内容

​ 5、DOM树中节点的分类：

​ （1）标签节点：所有的标签

​ （2）属性节点：标签的属性 —- 内置属性、自定义属性

​ （3）文本节点：标签中的文本、换行、空格等

​ （4）注释节点：

​ 6、基本概念

​ （1）根节点：根节点是html，有且只能有一个

​ （2）子节点：某个节点的下一级节点

​ （3）父节点：某个节点的上一级节点

​ （4）兄弟节点：拥有相同父节点的节点

 

五、通过document对象来操作html页面中的元素

​ 1、getElementById(“id属性值”)：通过标签的id属性获取标签

​ 2、getElementsByName(“name属性值”)：通过标签的name属性获取标签，返回值的类型是NodeList