为了账号安全,请及时绑定邮箱和手机立即绑定

想理解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】:进行到此处还不懂吗?那么再去理解一下最开始的三个问题,什么是文档,什么是对象。

正在回答

18 回答

谢谢分享

0 回复 有任何疑惑可以回复我~

elseif($sex==quot;女quot;);{这多了个;号你的条件结构就结束了,后面的代码就只按顺序翻译出来了所就结果就是2300

0 回复 有任何疑惑可以回复我~

非常的清晰。阅读的时候一下就抓住了核心。谢了。。。。

0 回复 有任何疑惑可以回复我~

内容乱也就算了  排版更乱 不能忍

0 回复 有任何疑惑可以回复我~

可以观察Html中有三种不同的部分:元素、文本和节点,任何复杂的改造(不管多少嵌套)最终都可以转化为这三种类型,理解为数学上的一种分类。分类之后才好去处理。Dom只不过是其中的一种处理方法,处理的结果就是把复杂的标签内容转化为一颗Dom树,然后根据这个树,就可以随意操作元素、文本和节点。

Dom的优势就是可以将标签转化为一颗Dom树,根据这个树可以看到所有的标签的关系,直观、清晰;但缺点也在此,必须在每次操作前都要形成一整棵树,会造成性能上的损失。个人拙见。

0 回复 有任何疑惑可以回复我~

以为自己很懂?

0 回复 有任何疑惑可以回复我~

这个B装的我给你103分,多一分关心多一分理解剩下一分是大家对你满满的父爱

0 回复 有任何疑惑可以回复我~

HTML DOM 定义了所有 HTML 元素的对象和属性,以及访问它们的方法。

换言之,HTML DOM 是关于如何获取、修改、添加或删除 HTML 元素的标准

3 回复 有任何疑惑可以回复我~
#1

随便起哟个

我觉得这个答案反而让我觉得我更理解了些.
2016-08-08 回复 有任何疑惑可以回复我~

好像看不懂


0 回复 有任何疑惑可以回复我~

写的什么乱七八糟的。。。

0 回复 有任何疑惑可以回复我~
首页上一页12下一页尾页

举报

0/150
提交
取消
JavaScript入门篇
  • 参与学习       739958    人
  • 解答问题       9566    个

JavaScript做为一名Web工程师的必备技术,本教程让您快速入门

进入课程

想理解DOM到底是什么?看这里

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信