JavaScript --- DOM简介

什么是DOM？

1.DOM，全称Document Object Model 文档对象模型

2.JS中通过DOM来对HTML文档进行操作，只要了解了DOM就可以随心所欲地操作WEB页面

3.文档 表示整个的HTML文档

4.对象 表示将网页中每一部分都转换为了对象

5.模型 表示对象之间的关系，方便我们获取对象

如图所示

节点

1.节点Node,是构成我们网页的最基本的组成部分，网页中的每一个部分都可以称为是一个节点

2.html 标签，属性，文本，注释，整个文档等都是一个节点

3.虽然都是节点，但是实际上他们的具体类型是不同的

4.比如：标签我们称为元素节点，属性称为属性节点，文本称为文本节点，文档称为文档节点

5.节点的类型不同，属性和方法也都不尽相同

节点分类

节点：Node——构成HTML文档最基本的单元

常用节点分为四类

文档节点：整个HTML文档

元素节点：HTML文档中的HTML标签

属性节点：元素的属性

文本节点：HTML标签中的文本内容

节点的属性 

 

执行DOM操作需要做两件事：1.获取对象2.修改对象属性