4. 尚硅谷_佟刚_JavaScript DOM编程_读写文本节点.wmv原创

下面我们来看这个，嗯，获取元素节点的。不节点，那我们获取一一切节点的话呢，都是以元素节点为起始，因为只有有元素节点的话，我们才会谈到获取其他的节点，OK，看说获取元素节点的子节点障碍。三。Close other。这个打开。啊，目高是或许原处节点的节点。好了，那。怎么获取啊，于是我们来看这个吧，看谁呢？我想获取这个CK这个节点的只有LS节点，目标是第一个目标获取表示哈，这个节点的所有。

所有子节点吧，你比如说有Li了啊，怎么写？先获取C节点等于document.get element BYD，写谁啊？写好了到获取其所有子节点，获取方式看着二说利用。元素节点啊，节点的票no。方法可以获取指定元素节点的所有子节。

写吧，看看效果at什么呢，点。这子那点对，你看看长度啊保存。那三就就这发一下第五个。CTRLC里面。第五个IE有进步啊，这个IE的版本跟以前的时间不一样了。允许九个在这个这是IE级了，在IE的上一个版本里边的话呢，它获取的还不止九个，这个版本的话，阿姨会去九个，我们看这同学会问是老哪有九个呀，这里哪有九个呀，这么看。

这一个吧。文本节点两个。三个四个。五个六个七个八个。九个这么来的，我再往上转一个八个保存再看。八看见了吗？这是获取所有的子节点，但是我们需要说这个方法不怎么使用。不怎么实用是吧，这人不怎么使用啊，通常情况下都不这么获取，但该方法不怎么实用，但该方法不使用。那怎么才能使用呢？我们说获取指定节点的指定子节点这个使用，于是的话呢，我这看说哎，第三我还是获取这个啊谁啊获取。

CT节点的所有Li子节点，这个是不是使用了，所以说wall p的Li not等于p not点刚是不是写过什么，写at element直接被在吧。这个这个是使用。了看CTA豆点这这个是四，什么时候都是四，这个很实用，没问题这个。没问题，这个是使用的，那除了这个以外的话呢，还有两个使用的方法，我们看四或者指定节点的节点的第一个节点和。

好，最后一个，这个是很实用的。好，我们看或许第一个我们写一下吧。比方说A，看这来点first叫第一个，最后一个叫啥叫豆？这是一个是个text，第一个个是不是一个就是一个，这是一个看一边来。

这是一个element，这是一个text，就是说哎，我当前这个情况下，我这个Li，我这个ul节点的第一个子节点是一个元素节点，而最后一个节点是一个呃，文本文本节点，诶就是我们讲的获取子节点的三个方法，其中呢，这个方法虽然说可以用是吧，但是不怎么实用，比较实用的是ADD elements by name跟first child last，这个可以直接定位到指定的节点。Are？这个方法可以获取指定的子节点，OK，那这个完之后的话呢，是获取什么，获取元素节点的子节点，更进一步，刚才能获取啥呢？能获取元素节点可以来操作属性节点，又学了如何来获取元数据离的子节点，那下边一个问题就是来获取文本节点看。

4I获取文本节点。文本节点，哎，获取文本节点的话呢，我们要说是吧，文本节点是什么呀？文本节点一定是元素节点的节点是个前提哈，根本节点一定是原数节点的主节点，OK，看这看这看一题北京为例吧，你看。我。北京是Li这个节点的一个子节点，那实际上我们看这个Li是不是只有一个节点啊，所以说我们可以用first child定位到这个节点来获取方式。

换个量获取哈，获取。文本节点所在的元素节点二通过什么呢？通过。For的定位到文本这点写吧，北京not等于document.element ID。谁来北京好了，定位到这个节点来北京刚not等于。北京这个节点的first反映一下，你看北京的text note。

看一下，叫我。哦，应该是四。哎，姐点。啊，那会会比较失望啊，为什么呀，我想读的是不是这个值啊。对吧，你给我整个盖弄的砖有有啥用啊，就说老师是不是去教一下方法就可以了。兔子法数账号里边呢，它没有兔组成方法，那现在的话呢，我先把这个结论给你，在一会我们来讲啊，通过操作。文本节点的node y流属性来读写文本节点的值，OK，出了一个no的Y6属性，我们先用一下，然后的话呢，我们再说。

先读取A叫北not.no。Y是一个字符串，OK，再设一个北京，那note.noey等于比方说正回弧，写完看一下。八金北京是不是读到了呀？图变了呀，哎，这就是什么呀，这就是我操作文本节点的三个步骤。首先。或获取文本节点所在的元素节点。其次，我通过原著节点去调这个for child属性，定位到这个文本节点，然后通过node value去读和写文本节点的值，这就是操作文本节点的一个。

好，我们来做一个小结，看有哪些了啊，那我打开。放一些。啊，获取子节点，获取子节点的话呢，我们说用的是啊for child跟last child，其中这两个方式比较适用，而第一个方法不适用，在以前的话，那个IE跟火狐的实现方式还不一样，现在这个已经一样了哈，那我把这个去掉，但不适用。但。该方法。不使用。因为什么呀，因为如果要获取指定节点的，指定子节点的。

集合可以直接调用。直接。要用什么，要用元数节点的什么方法呀，要get element by name方法吧，方法来获取这个的话呢，更实在，这比较实在。然后的话呢，我们又讲了如何来获取这个叫文本节点，我们把这个改成六，就改成七，六，这个改成七，什么意思呢？步骤先获取原数节点，然后获取原数节点的子节点，基本上就是这么来。那通常情况下，元素节点要是这个文本节点的话呢，都是只有一个子节点，怎么办呢？先获取啊，然后通过for child.note value来读写其途径值。