02-javascript/21-尚硅谷-JavaScript-document对象概念介绍

啊，动模型这东西非常重要啊，是啥是动模型啊，这个概念咱们看看动每个字母表示一个对象，它的全称第一是document o是O对，M是model。文档对象模型是啥意思啊？这个概念感觉听不懂，对，咱们注意看一下啥是文档对象模型？简单一点说大白话说是吧，就是把文档中什么文档，这个页面文档能理解吗？我们管这个HTM页面就叫做HTML文档。指的是它，哎，指的是把文档中的标签就是这些啊，你看这是标签，这是标签，这也是标签，能看懂吧，还有属性。就比如说action啊，Method me这些东西哈，还有什么呢？文本都转化成为对象来关。万户接对象是吧？啊，那么如何实现把标签属性文本转化成为对象来管理呢？就是咱们要讲的动的这个主要内容啊，那么要理解这个东西之前呢，先学习一个对象，这个对象呢，就是document对象，我稍微放大一点啊，这个图你可能看不清，放大一点。

行吧，啊行，哎。好，大家注意看多可对象那么多，可对象我们上午讲过，上是不是表示整个的一个H消页面呢，对吧？好，那你看这个左边还是小一点点。左边是一个非常简单的HTML页面的代码，那就是个K，没有什么复杂东西是吧，里面放了一个A标签和标题，然后右边是什么？右边就是这些标签，对象属性内容都转化成为对象之后的一个树形结构图。

然后这整个树形结构图呢，是由这个document对象来进行管理和维护的，哎，由他的管理和维护的，好了，那首先先看HTML最顶上那个标签，你看这里面是不是就有一个HTML对象啊。就有一个对象，然后HT里面分两部分，Body。然后在这边这个图里面就会对应一个he和BODY2个对象，看见吗？然后注意看。和这两个对象是。HTM没有对象的子元素，反之，那么HTM没是help和body的负元素，而且由于他们是同一个父亲而且评级，所以他们之间help的和玻璃还是兄弟元素。还是兄弟元素好，再来看body的下面有A标签和he body下面有A标签和he，是不是又有两个对象啊好。

那么A标签和H1是body的子元素，反过来body是A标签H1的负元素，然后你看A标签有属性和gra。这也是个对象，看见吗？它属于A标签的一部分。是个重组关系啊，然后这个A标签里面还有文本跟他们我的连接文字，这个文字呢，也转成了对象，就跟Java中字符串是不是也是对象是吧？哎，你看对象。那么这个对象呢，是A标签的子元素，就这个子元素，那么反过来A标签是这个的负元素。那么H1呢，也不例外，也相同啊，我的标题你看啊，那么变成了一个对象，文本节点对象，它是H1的子函数，反过来H1是它的负函数，上面这个title也不例外啊，开头呢，是还下面的，看见吧。

哎，T下面的，那么title是title的子元素，Title是title的负元素，然后里面有一些文本对吧，这个文本呢，也是一个对象，它是T的子元素，那么T是这个文本的负元素。你看。啊，就回到我们这个概念来说，就是把你这个文档中的所有内容，哎，标签属性文本都当成对象的管理，而且是有树形结构的，有上下级层级关系。哎，交给谁来管理啊的对象。Document对象，好，我再放小一点。那么讲到document对象呢，咱们就有这几点要注意了，什么东西呢？第一点对吧，Document它管理了所有的HTML文档内容啊，HTM文档内容，看这第一点咱们从这个图看出来的啊，第二，Document它是一种树形的文档，树形结构的文档，看到这个吧啊，那么它有层级关系，这都好理解。第三点对吧，他让我们把所有的标签都对象化，大家可能对这个对象化比较的抽象，比较模糊。第四点我们可以通过document对象访问所有的标签对象，这个比较好理解啊，咱们是不是通过这个访问到对象啊，就这个意思吗？

那第三点我们怎么去理解呢？就是他把所有的标签当对象化，啥是对象化呀，老师这个来看看哈。什么是对称法？咱们基础学过，面向对象。什么是对象化呢？我就举个例子啊，比如说现在有个人。现在有个人，哎，年龄是18岁，性别是女，名字叫张某某，那么我们要把这些信息对象化怎么办？那很简单嘛，你就有个对象嘛，有个类吗？Person，然后你不是有年龄的信息吗？我要记录下来怎么办？加个属性age。那有个性别我要记录下来怎么办？Thanks，又有个属性，那么还有姓名我也要记录下来怎么办？再加一个属性name。

其实简单点说，就是我用一个类去描述记录下这个信息吧，就完了嘛，所谓对象化就这个样子，那么什么是标签对象化你能理了吗？就是我用一个类去记录这个标签的所有信息，就这么回事嘛，啊你看哈，就比如说这些标签我用对象来做怎么办啊，模拟啊模拟的来，我就定义一个类嘛，叫动嘛，这个动就用来记录这个标签，比如说标签有什么，有ID对吧？那我要记录下来呀，我给你加个ID属性，那标签有啥用标签名啊，那我要记录下来怎么办呢？我再加个属性啊。对吧？哎，标签有负元素div是不是有复元素啊，有Bo内吗？波内还有负元素HTML有吗？那我要记录还怎么办？我再加个属性啊。你看动是不是表示标签，那这个负元素是不还是标签就不用动来表示，那我的标签里面可以有好多个子元素，比如说Bo里面是不是可以放好多，D个里面是不是也可以好多，那怎么办？用个集合表示啊，每一个都是标签呢，看见了吗？哎，那么我这个标签呢，有一些是双标签，双标签它有起始标签和结束标签里的内容，我要记录下来怎么办？In s。

看见吗？记录下起始标签和结束标签里的内容，哎，这咱们了解一下，好，这就是标签对象化，简单点说就是用一个类去记录下这些相关的信息啊。