DOM对象

Posted 2020-09-19

DOM(文档对象模型 document object model) 

d就是doucument(文档) 
o就是object （对象）
m就是model （模型）

1. 什么是文档？

2. 什么是对象？

3. 什么是类？

文档：document(文档)，文档的特点是有结构。例如：标题、正文、段落、结尾等。而在编程语言中，文档的含义是指由标记语言写出的拥有结构的代码。

总结：文档就是html代码（这里HTML是泛指，理解含义就好）。

对象：是类的实例化。例子：一个真实存在的苹果是一个苹果对象，一个真实存在的洗衣机是一个洗衣机对象。

类：对象的抽象化。例子：一个你想象的苹果是一个苹果类，一个你想象的洗衣机是一个洗衣机类。

总结：对象和类是相对的，对象是实物，类的抽象，换句话说，类是某个实物的概念化。如同汽车和汽车图纸的关系。类是概念化的，不属于数据结构，所以不能用于直接操作。所谓的操作就是某种功能。对象是具体的，实例化后的，也是数据结构中的一种，所以可以直接用于操作。

总结：DOM是众多的节点对象，其中这些对象里定义了访问和操作 HTML 文档节点的标准方法（这里HTML是泛指）；

节点划分：整个文档是一个文档节点，每个 HTML 元素是元素节点，HTML 元素内的文本是文本节点，每个 HTML 属性是属性节点，注释是注释节点。

注：HTML文档拥有结构，这种结构被称之为节点。操作HTML文档，也就是说操作节点。对节点可以进行添加删除修改等操作。

 

 

注：在js中的每一个节点都是一个对象，对象操作属性和方法是最基本的，所以DOM的衍伸含义实际上是对节点对象的操作。

进行到此处还不懂吗？明白对象的人自然明白DOM。我教授的是学习方法，没有理解对象的概念，就不能真正的理解DOM的含义。