想理解DOM到底是什么?看这里
一人之下丶
2016-01-11 10:14
概述：提供学习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】：进行到此处还不懂吗？那么再去理解一下最开始的三个问题，什么是文档，什么是对象。
18回答
-
- Perona
- 2016-01-11 11:51:15
谢谢分享
-
- 慕移动9181930
- 2022-03-24 13:58:11
-
- 慕莱坞1734670
- 2018-03-19 10:29:59
非常的清晰。阅读的时候一下就抓住了核心。谢了。。。。
-
- 小茻
- 2016-06-08 08:48:14
内容乱也就算了 排版更乱 不能忍
-
- qq_飞fly飞_0
- 2016-05-27 16:14:53
可以观察Html中有三种不同的部分：元素、文本和节点，任何复杂的改造（不管多少嵌套）最终都可以转化为这三种类型，理解为数学上的一种分类。分类之后才好去处理。Dom只不过是其中的一种处理方法，处理的结果就是把复杂的标签内容转化为一颗Dom树，然后根据这个树，就可以随意操作元素、文本和节点。
Dom的优势就是可以将标签转化为一颗Dom树，根据这个树可以看到所有的标签的关系，直观、清晰；但缺点也在此，必须在每次操作前都要形成一整棵树，会造成性能上的损失。个人拙见。
-
- 慕妹3608846
- 2016-04-25 13:29:47
以为自己很懂？
-
- 913191175
- 2016-04-24 20:21:27
这个B装的我给你103分，多一分关心多一分理解剩下一分是大家对你满满的父爱
-
- 前端小胖子
- 2016-04-21 22:33:30
HTML DOM 定义了所有 HTML 元素的对象和属性，以及访问它们的方法。
换言之，HTML DOM 是关于如何获取、修改、添加或删除 HTML 元素的标准
-
- chy_
- 2016-04-13 21:43:45
好像看不懂
-
- 琉璃碎片
- 2016-04-03 17:34:38
写的什么乱七八糟的。。。
-
- 什么东东西西
- 2016-03-14 15:22:35
看完你的。。解释。。并没有理解。。
-
- weibo_直走还是转角_0
- 2016-03-09 16:57:44
dom好比一棵树 dom节点就是 树枝与主干的交点 我是这么人为地
-
- 慕桂英0290852
- 2016-03-08 12:06:53
呵呵。
-
- gao634209276
- 2016-03-07 21:49:52
imooc课程中可以看看xml系列，第一门，读取xml，使用的dom方式，有java基础的看看，理解就很深刻
-
- 尘世美
- 2016-03-05 18:22:27
别误导人
-
- 间阳幕宾
- 2016-02-17 18:45:30
我去，受教了。
-
- 张的高
- 2016-02-13 11:35:50
99分，那一分怕你骄傲。
-
- czdll
- 2016-02-03 13:59:19
狗屁不通，别误导新手了
JavaScript入门篇
739817 学习 · 9566 问题
相似问题