对html dom理解,想理解DOM到底是什么?看这里

概述：提供学习DOM的学习方法，以及DOM的是什么。

【学习目标】：理解DOM的概念   (文档对象模型 document object model)

【学习方法】：顾名思义

【开始学习】：d是doucument(文档)          o是object (对象)         m是model (模型)

【思考问题】：什么是文档？                       什么是对象？                   什么是模型？

------------------------------------------------------------------------------------------------------------------------------------

文档：document(文档)

1.我们在生活当中的文档是什么？你的档案袋里放的学籍卡？简历？各种各样的都是文档，文档的特点是有结构。例如：标题、正文、段落、结尾等。

2.而在编程语言中，文档的含义是指由标记语言写出的拥有结构的代码。

【总结】：文档就是html代码(这里HTML是泛指，理解含义就好，也可以理解成任何在浏览其页面上用于展示结构的语言)。

------------------------------------------------------------------------------------------------------------------------------------

对象：object(对象)

1.先引入类的概念。

类是对某一种事物的描述，比如我们面对面对话，我对你说：“你的帽子真好看！”，此时帽子这个词就是一个类，因为帽子有各种的样式，各种的颜色，他只是一个具体事物，具体的东西，具体物品的统称。而所谓的具体事物，就是你此时戴的帽子。然而在我描述这个帽子的时候，他依然是一个概念，只要没有实例化(具象成一个实体)，他就是一个类。

2.对象是什么，应该清楚了，就是把一个概念的东西，变出来，成为一个真实的东西。而在计算机中的对象，其实就是相当于某个程序运行起来，在内存中真真正正的占用一部分空间的“实体”。

------------------------------------------------------------------------------------------------------------------------------------

模型：Model(模型)

如果说现在你手里有一个工具箱，里面全部是修自行车的工具。那么这些工具是什么？答案显而易见，就是上面说到的对象。

我拿着其中一个工具问你，这是什么？你回答我：这是扳手(扳手对象)！对的，是扳手对象，平时讲话的时候会省略了两个字，对象。

当我拿着工具箱问你，这是什么？你回答我：工具箱对象？我说：对，也不对。这是工具的模型。为啥工具箱就不是对象了呢，其实工具箱是一个对象，因为他是实体，但是因为此处的用处不同，我们通常会说，这是一个模型。因为他装着众多的工具。因为主要的用途不同，导致了说法的不一致。

------------------------------------------------------------------------------------------------------------------------------------

【总结和思考】DOM是什么？

答：在js这个语言中，语言的创作者帮助我们创造出了很多好用的工具，其中一个，就是专门用于操作文档对象的模型——DOM。

------------------------------------------------------------------------------------------------------------------------------------

【注】：在文档中(常见的HTML和XML),每一个节点(标签)都是一个对象，js提供了对这些对象访问和操作方法。所以DOM的衍伸含义也可以说是对节点对象的操作。

【节点划分】：整个文档是一个文档节点，每个 HTML 元素是元素节点，HTML 元素内的文本是文本节点，每个 HTML 属性是属性节点，注释是注释节点。具体可以看w3c的结构划分。

【PS】：进行到此处还不懂吗？那么再去理解一下最开始的三个问题，什么是文档，什么是对象。