02-javascript/29-尚硅谷-JavaScript-document对象补充说明

咱们有个别方法，其实还没有讲到，哪些方法呢？比如说我们说到的对象啊，要讲的方法是不是有这几个，咱们是不是只讲了这仨呀，这方法就没讲到，而且呢，还有一个方法咱也没讲到，呃，判断串咱也没讲到吧，咱们现在来演示一下啊。首先呢，我在我在这个拿document再整一个啊，因为它属于这个类的一个方法叫做。Create element。那现在他能干啥呢？别着急啊，我先说一下需求，我说哎，现在需要我们使用GS代码。来创建。HTML标签并显示在页面上。那什么标签呢，就是。来再往下看啊，那么标签的内容就是就你可以自己定能理解吧，咱们就随便写写啊，Div。

嗯，国歌我爱你对吧？好，这个是咱们的内容好了，并且显现在页面上，那怎么做？大家来看一下这个代码怎么写，首先要创建这个标签呢？咱们用个方法叫做create element。其实这方法是什么意思，你稍微看看这标签这方法啊，这时候创建的会创建吗？Element，我们说是语元素语言数据标签吗？哎，现在呢，你要创建是不是div啊，你把这个D放进来。哎，不用，我就复制标签名就行了。好，这个时候大家注意看，Y dav BG等于它，那这个东西到底是个啥。DAOBJ先瞅一瞅啊，运行一下走，大家看它是不是一个DA的标签对象啊，是我们创建出来，当这个时候页面上没有这个东西呢，它还在哪，在内存中。

在内。内存中是什么样子呢？是这个样子的，创建出来的时候里面还没有内容。能理解吧，里面还没有内容，然后注意看咱们是不是需要它里面是有文字的呀，谁怎么办对吧，Dav o v这1.inhm是不是对它的，其实标签和节示标签赋值了，好你把文本放进来。是吧，好，执行完这行代码以后，注意看，它里面其实已经有文字了。大还只是在内存中，它还显示不出来，对，别着急啊，是不是还没看到啊，还没显示出来，你要显示出来怎么办呢？你要把这个标签放在包里面才行，能理解吗？这个时候干嘛？这个时候就相当于是注意看哈，你在这里面是不是放这么一个元素，这个元素是body的子元素，所以你要给body加子元素，能理解吧，怎么做来请看一下。

那怎么办呢？就是调用这个方法呗。A pen差，还记得刚刚讲的这个方法吧，是这个吗？是它吧，那么前面是后面这个是什么？是不是子元素啊？子元素是谁？是不是DOBJ啊，那前面是谁？Body对象了，能理解吧，Body对象调用这个方法就行了，问题是body我们怎么去找，咱们按照标签名上对吧？好，但是标签名对于播的这个查询呢，根本就不用，为什么？因为在do对象里面现程就有这个东西，然后给你瞅一瞅啊。Document对象里面的属性线程有一个body璃看见吗？为什么？因为这个东西的操作太频率太高了，它干脆就直接给你放的进来，能理解吧，你就不用查，直接用就行了啊，那就怎么写啊，就是document.body看见吧，Open下就行，那我们来看看啊，激动人心的时候就到了。

走A，什么情况，咋出不来？看来你们都不爱我是吧？你看不爱我就出不来了，那我看看原因啊，哎，我行啊，为啥出不来呢？报错了。看见了吗？发啥错误？别着急啊，他说不能够读到属性，为什么？因为空，那对于这个代码而言，谁可能为空？这不能为空吧，这方码也不是空，也就前面这部分是空。那有同学会激动的说，老师这怎么会呢？文档说不是说直接就是这个对象吗？这个玻璃这个标签吗？那咋还给我空了？老师文哪没有错，我感觉是你骗我，不是啊，什么原因？大家想想这是不是语句啊，语句是不是执行下来的时候就马上执行了，他读到这里就执行，他知道下面有啥了吗？他还没读到。

所以这个body你要用的时候，要在页面加载完之后去用就没问题，那也就是这个代码要调整一下window.onload等于方式能理解吧，把它们放到这里来就行了，其他没有变化，你看代码我没变，就是放到页面加载完了之后，那这个时候咱们再刷新呢。是不是就有了，并且你可以通过第一个页签选项这个elements，我们说element是不是圆柱啊，圆柱就是标签，你点你就能看见当前你这个页面里面有哪些标签，Body是不是多了这个div OK啊，这就是create element这个方法的作用，并且呢，我们还讲到这个添加子元素啊，这是添加子元素。好，然后呢，我们再讲一些事情，讲什么东西，很多同学啊，对于我们刚刚讲这个document的概念的时候，有个地方不是特别的理解，有哪个地方呢？他说老师这个标签是一个对象，好理解，但是它里面这个文字也是一个对象。

不太好理解，而且还是一个子节点对吧。好，我们把这个地方稍微再强化一下，再强化一下，对于整个动整个概念来言，它确实是连文本都给你封装成为一个对象节点，它是怎么做的呢？从API当中就有体现，我们来看看现在啊，我把这个先做掉。注意啊，我把这个字符串创建成为一个文本节点，怎么做呀？Document里面就提供这个方法，叫create。看，翻译过来就是节点的意思，你拿去看看啊。是不是节点了，那T文本节点了是吧，不用我多讲了，那你就把这个文本放进来就行了，好把它放进来这个时候。

调才是诺。啊，咱们说稍等这个时候呢，有一个文本节点对象就是这个内容。就这内容理解吧，好，但是大家想想啊，我说这个文本节点，它是不是属于这个div的子节点吧，能理解吗？所以我们要给这个div添加子元素，注意看div o vg.a的串，看见吗？那你也可以通过这个文本节点给它添加进来，这样也行，这样子的话，它同样是在里面有文字，能理解吧？一样的效果，来，我们运行一下效果是不是一样？F12，你查看是不是效果一样，哎，这就是文本，它其实也是一个节点啊，文本也是一个节点。