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

提问者:一人之下丶 2016-01-11 10:14

个回答

  • Perona
    2016-01-11 11:51:15
    已采纳

    谢谢分享

  • 慕移动9181930
    2022-03-24 13:58:11

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

  • 慕莱坞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

    狗屁不通,别误导新手了