14. 尚硅谷_佟刚_JavaScript DOM编程_第二天小结.wmv原创

我们这样，我们再新建一个节点叫javascript。第二部分内容哈，好了，我们看我们今天学了哪些东西，第一个。讲昨天学的呢，都在这呢，我们都学啥了，看基本的分类在哪哪块写GS代码。获取原柱节点这种方法啊，获取属性节点超应该是超过属性节点啊，然后的话呢，这个获取圆柱节点的子节点还有啥呀，应该是七个读写文本节点，还有这个三个属性，好了，接着讲的第一个是啥，今天上午才讲的，就创建节点吧。放电。节点创建节点的话呢，分为可以我们我们可以创建的，要是说的话，这里面其中有几个，第一个是创建元素节点。

第二个我们说创建属性节点，第三个比如说叫创建文本。节点好了这块的话呢，这个创建节点不能单独存在，为什么呀，因为我创建这个节点，它在上下文里边，它内存里边，它并不会直接的放到那个。文档数里边，所以说跟它对应的一定还有另外一个叫。加入子节点，就俩在一起。先说第一个吧，学点这什么方法呀，点great吧后，底下是看name代码，整一段我们看。杠六。哦。

啊，这到都是复习到七。好，创新节点的方式就这么写。这是典型的一段代码。月亮。好了，那我有了圆柱节点，我有了这个圆柱节点之后的话，这个第二个我们如何来创建属性节点呢？那这个怎么样，这个先需要创建一个，我们直接说啊先需要。创建一个元素节点，然后通过点的方式为其属性赋值，为其属性赋值就可以了，在哪写的？

我们在写那个练习的时候，写过一个EX5，这里边写的，看我创建了一个什么呀，我创建了一个A节点在这。这同时我为A节点的属性不值。就这么着好了，这就是我们所谓的什么叫创建数据点，这就够了。好，下一个再看要创建文本节点，文本节点这个方法的话呢，也比较简单点，主要是什么这个content呀。就是文本内容就可以好了。本身这个方法。

你看一下。创建一个文本节点，在这呢。厦门T吗？啊，然后的话呢，我们说呀，诶，我无论是创建哪一个节点及特点，都是有这样的一个一件事是吧，这个节点本身创建好之后的话呢，这个节点不会自动的加到文档里面去，所以说有一个特别需要注意的地方。是。注意意，新创建的节点不会自动的加入到文档数的任何位置。需要什么呀，需要要用。节点的。

Java的方法。把新创建的节点加入到。文档。数的合适一定是这样，所以说下一个的话，你要加入子节点叫panda两段。很简单，New跳就完了，然后就需要说的是什么呢？需要说的是把节点啊。把节点加为。加为什么呀，这个指定节点的最后一个子节点。正你实现的话呢，就就这个实现，我们直接看这个吧，复制过来吧，就这多这C来对，这是一段最典型的代码。

但这个注释的话，能不能拿掉啊。大家看，我先创建了一个Li节点，然后呢，我又创建了一个文本节点。填写放电。Li，对，这说这些人长啥样啊？那这样吧，Li。Oh，是这样吧，第二个。好，创建了一个厦门，这就是一个厦门，哪是没有任何关系的，然后这创建了一个什么创建。啊，一个文本节点，好了，这部很关键啊，大家来。

我们讲的就是。这一步这样就可以了，就是叫加入节点，是这么加。好。三看我们第三个选啥了。创建单路，然后我们学了一个节点的。替换，现在替换本身的话呢，也很容易叫replace。这吧，好替换谁呀？我把新的替换为六的吧，这么一个方法，好了，说说这个方法吧。说。八。什么该方法吗？该方法除了替换外还有什么功能啊，还有移动。

节点的。功能。二这样加代码。在吗？好了，然后的话你注意看代码吧。二直接替换这个，替换这个吧，用的还不咋多。因为你光你你你光这样有一个替换的话，它的确是除非你创建一个新的节点，然后新的节点把那个老的给它给替换了，是吧，好我们看看吧，说替换节点在八里边。说把新的替换，把这个旧的替换新的，我们看咋写的，这么写的。这就是替换的典型的实现。这么写。哦，Replace each，这是我们自己那个是吧，布局这个这。

坏了，我那个自个儿写，那好像没有在这儿。自个儿写一个吧。怎么写啊，如果要写的话。哇。Notde等于document.at element BYD，随便写，我北经写写前面的话，这块是不是写并不美好啊？然后的话呢，看这先助教来。这块都给他了啊，写成game game no点。Replace票。这个说一写怎样北京吧，第二个写。2L吧，啥情况？

啊。坏了没换上看看看看我的话呢，我是先获取谁呢，后边没有啊，我先获取的是写错了。Replace。再看。这不换了北京是不是下来了？哎，这就是他的一个典型的写法，就这么写，我复制一下。RO one。好了，我们写一下功能是什么。功能将把。什么节点啊？2L节点替换为北京节点，同时。北京节点，北京节点北移动是吧，移动了就是以前的节点就没有了，就是这个代码的一个典型直线。

好了好了，然后的话呢，我们还干了一个什么事呢，我们说呀，这方法不太好，我们干什么呀，我们可以定义，可以自定义。一个叫。制方法。什么呢？A节点。B节点看什么呀，直线A。和B的who，哎，能干这么一个事儿，于是呢，这个这我不能讲这太多了啊，直接复制过来CTRLC，诶我们干了这么一个事，大家回去呢，可以把我们自己定义的这几个函数啊，好好研究一下，这还挺有技术含量的，挺有意思。

好，这是我们今天讲的这个讲的第三个点叫节点的替换，替换之后的话还可以干什么呀。四我还可以移除些点。移出节点，这个有点过于容易是吧，谁呀，移吧，就移我这个节点就可以了，比方说。这样就移除好，就是移除要说的话，第一个可以干什么呢？可以借助于aren't no的属性吧，可以借助于它。放智力代码吧。代码什么呢？一除应该是九。

就这么写看吗？CTRLC，第六是他的典型的代码。这就可以了，然后五就完事了啊，这完事之后的话呢，我们又讲了什么呢？哎，又讲了一个。节点的。插入。移除节点，移除节点之前还有一个啥呀。互换插入好了，插入节点的话呢，叫什么叫insert before好了这个方法的话呢，插入到目标节点的前面new这。

New node吧，这么写的好啊，New node还有一个reference node。一需要注意的。二我们看。哎。插入节点的话呢，实际上这个也有什么呀，如果要弱，这个弱用要。是文档中的节点，那么也具有，也具有怎么样移动节点的功能，好数据代码。六这天长啥样呢？这本身未免有点太简单了。过来看照啊。

十打开。In inside before。Could you see。这个就是。好了，那我们我们有追求啊是吧，咱有什么追求啊，不定义。一个什么呀，自定义叫颜色。After啊，这两个方法new no，还有一个reference no可实现什么呀？直线把把6NO加为。

Note啊。之后之后啊，要说一个的话呢，再说一个比较恶心的是吧。这么说吧，说系统。这个这个这个这个W3C啊是吧，是吧，W3C标准。没有定义也算的方法，那么我们就自己定义一个OK，这个方法的话刚刚讲过，在这呢。CTRLC拿过来保存，往前说一说，哎，这个方法很有意思。这是我们追求的啊，这很有意思，行好了，这完成之后的话呢，这会还还讲了一个叫什么呀，In HTML属性，哎，一说非标准。

但所有的浏览器都是指及。其二，什么意思呢？读写属性，读写。入境。读写的是什么呀？读写某HTML。元素的内容，对H片内容是吧。这个的话呢，数据代码三。这个码本也是简单的。11打开。看哎，本身是简单的，我们直接拿这个来说事，CTRLC。

嗯。往前。看意我们说谁呢？说他就可以了。就是一个我们底下的话呢，我可以完成一个呃，互换的功能，好了，今天学的所有的点的话呢，就这么多，但是我们还是这么看，大家看哈，我要单纯说某一个技术点的话，其实都很容易，要说就API，比方说同学们拿这个API举个例子，总是能够举出来，我们想说的是把这些东西给他。用起来。只有用起来的话，它是活的。你喜欢一个女生是吧？整天对着相片表白，你都已经表白1000次了，然后一见面的时候你还是会N瑟。你无论你准备准备好是吧，你就一天天去去烦他就一天天说我喜欢你，我喜欢你，时间长了他就他就认可了，不是别的是吧，他受不了你这个墨迹，很多男生追女生就是这么追的，行了，这是我们今天这个呃讲的内容，那我希望大家回去要干什么呢？回去一方面要看我们这个。

总结里边的知识是吧，另外一方面的话呢，大家核心要关注的是我们这三个练习，把这三个练习搞定了，实际上前边我们讲的那些基础就都有了。你把基础搞定的话，三个练习不一定能搞定，反过来把练习搞定了，再看基础的话就会了，所以说把这个关系搞好，我认为重要了在这儿，只要你会，只要你练习会写了，再看基础的话，自然就明白了，但是基础弄明白了，然后再看练习，你还是不会写。所以说我们为什么我们这么注重代码呢？是吧，代码比那个理论目前要重要的多，它是能够落地的。