首页 > 代码库 > DOM对象

DOM对象

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的含义。

 

DOM对象