5. 尚硅谷_佟刚_JavaScript DOM编程_两个实验.wmv原创

我们看一下这个练习。练习一。等一下就是它，哎，我点击每一个Li都可以弹出这个Li对应的。文本值看见了吧，我点击每个Li都可以弹出。Li的属性值来，我把这个。看一下EX1。练习是这样的。说。点击每个Li，点击每个Li节点。怎么了都？弹出及文。

嗯，值讲一下怎么写第一步，怎么写要诀，所有的Li节点是不是个集合呀，是不是为每一个都加事件啊，所以说使用for循环。进行历整个区跟一样，不是那个增强的什么一大家看或I等于零，I小于二吧，I再加了。哎，看一下exe。EX01，看见了吧？没涨吗？001应该是这还有个一呀。

放一下零一对010。010。我不治。可能是这个太多了是吧，零一问题是零一，这是这里边程序的问题啊好吧，这就是进for循环，进行for循环干什么说得到每一个Li节点吧，三三啥为每一个Li节点添加on click高响应。函数响应函数好，怎么加怎么加，前面我们已经写过了哈，直接这样写吧，Li no.on on click等于function，拿括号就可以，一会我来讲，一会我会来说是吧？为什么需要这样写，那暂时的话呢，就告诉你这样写四怎么办？

在响应函数中获取当前节点的文本节点的文本值吧。五俄罗斯打印OK，点一下试试。Or Li know，等于所有的吧？Oh I。

循环怎么写对吧，小于Li no点。就每个都加上Li know I on click，是这样吧，获取文本值是个问题，咋获取啊，直接走，直接打了啊。打印这个容易根本是怎么获取的？嗯。或这怎么获取啊，大家看我正常的话应该是叫Li know的Li know I for child not value68，那现在我在这个里边怎么破解啊。你不会还想这么写吧？点first child点，会这么想吗？

好，这么想也行，看看结果先。刷心没有反应，有反应没有反应的话，问题我们先，我们先说，我们先说正确的结果啊，或者说这，然后再说这么多，为什么不行。你看我写了叫当前这个节点的文本节点的文本值，那在这个里边，这个当前节点是谁呀？是不是电视卷这个节点啊，配这就是那个Li节点它的for的value来看。没问题了。啊，这就是我们最终的这个结果，这里面我们又引出了一个关键词叫this，这个this用法的话呢，学过Java的人过来看很容易。就是啊，正在添加事件的那个节点，被为被为正在。

这个响应事件。事件啊，那个谢谢写完好最终的事件版本的话，就这样在这里边啊，有好有好几个问题我们需要说。200万第一稿从下从上往下说啊，这个是没问题的，这个是没问题的，这个也没问题，好了，问题的第一个为什么是加上一个function，加function行不行。第二个这个为什么刚才那样写不行，必须必须得这样写，我们一个一个说，我们今来说加方程这个事儿，不加方式行不行，那方程怎么写啊，那方程的话，那我得这么写。我们我们我们这样写，首先我们看这我先出掉。

怎么写过，这么写以前。On click等于aler。比方说北京。单引号，因为外边有双引号啊，这样写保存过来刷新。牛百它后边没有了，后边后边我给你去掉了，哎这么也是可以的，你看on click的，你看我直接这样得，那我这块我能不能直接得呢。拿掉咋写呢，这么写这个。肯德基这个肯德基这么写，大家看。I know I。

等于我直接写哈，我们些并不以为的，我就写一个hello就可以艾硅谷吧，这样写一个看效果。这么一上来先给我干了800啊，为什么？来看这是不是个函数啊，我付给他的是谁呢？我付给它的是这个函数的执行结果，就是说在我赋值的过程中，它已经执行了，懂这个意思吧？再说一遍啊，在我复制的过程中，它已经执行了这样子行，我赋给他的应该是一个函数的引用，当我点这个按钮的时候，Click点的时候，它触发那个函数底应该这样写，所以说的话呢，我们可以这样把这个先写成一个杠，然后呢我定义一个函数。

比方说。怎么定义啊，函数吗？哎，哈。点个艾，我这看哈，我给这个函数的。引用这样写，这叫什么呀，这和他引用可以看一下。多好使啊，而且要引用这个引用的话是啥样的的话呢，我把hello给他了吧，实际上不就这样吗？我把hello给他了，CTCCA，就这么讲。好了，那这块这样写我们通了，那这样写行吗。上去可以吗？

我要这样写到之后说是带括号了，带括号的区别，带括号的区别是什么呀？我要这样写是什么意思，这样写的话是不是我那个hello在执行啊。对，执行吧，我要这个函数的话，那我就这么调嘛，所以说你要是后边带一个括号的话，就意味着这个函数被就行了，那你付给他的应该是一个引用，可以这样复，而我们现在写的呢，是这个的简写CTRLX本周V是一个匿名函数这么写，所以说我可以这样。那这个跟上边这个道理是一样的，必须要这么紧，OK，这是我们这边说的一个小小插曲啊好了，这个完了之后的话呢，再回来。这是第一件事啊，写的时候的话呢，我要写个方式，这样来写第二件事，为什么这么写不清。

这样写不行，为啥？分别这么写不行啊，别这么写行不行的话呢，我们先不说这么多，我们先说一个I，我想问一个问题，大家说这个A的值是几？我反应的话。0123是那样吧，看一下是不是那样呢？一是二吗？是不是每个都是八呀，咋回事呢？说每一个都是。啊，为什么？为什么大家看啊，大家看在我正在这个对这个啊，当前这个Li赋值的时候，这个值的确是I，这个值的确曾经是01234567868。

好，那但是我这个负循环，反正这之后的话，这个X是几啊，X值不是八了呀，它进不来吗？这个是八吗？转到八的时候进不来好了，那在我点的时候，在我点这个事项的时候，这个X特值是不是已经变成八了呀，懂吗？在我点的时候，这X值已经是八了，但是在我赋值的时候，它的确曾经是01234567，但是当我。点这个事件的时候，这个循环是不是已经执行完了呀，所以说这个时候这个值已经是八了，L是八的话，那你LI8是不是根本就不存在啊，所以说神马都不会给打印，这样不行，此时I已经是R了，而而谁呢？而Li know。

他不指向任何节点。这是这样写不行的道理。或者我们要用。好，这是终极的实现，来看一下。看你们写对的，调一下价格纠结，我们来做下一个练习，看一下练习长啥样啊，长这样这样的什么意思，就是说本身呢，我要没有这个没有没有他的话我就怎么了，我就加上他，有的话我就给他去掉。这么一个功能P上去。

好，那你的要求是这样的，说也是呢，呃，点击每个LA节点说弱。Li节点的文本值没有。这个开头加上有的话，有要去掉是去除，好吧，大家看啊，大部分跟这个过程是不是一样啊，但是有一些细节不一样，就说说不一样的，大家看啥不一样了。看这我需要干什么呀，我需要能够判断有没有这个板啊，然后的话呢，加上这个好加去掉不好去，所以说我们需要来讲两个难点，第一个难点就是我们需要知道我如何判断一个字符串是不是与这个开头。

第二个我需要能把它给去除好了，这个字串wall s tr等于看ABC，这一个s tr two等于ABC，诶我需要有能力来判断他们哪个是以这个开头的，哪个不是以这个开头的，用什么呀，用。正则表达式条的话呢，我们会给大家来讲在DS里边如何使用正则，这来写大下来用就好哇，ID等于B全局的好了，以什么什么开始。这样标识，那本身呢，这是一个特殊字符，以这个开始几个呀，两个。

两个好了，后边是什么？后边是任意的，后边是唯一的，好了，我们就写这就可以了啊，判断一下alert什么呢？Ig.list s tr。After two。我们希望第一个结果返回的是，第二个结果返回的是。好，看结果。这就可以可以，那好了，第二就是判断的问题啊，下一个如何，如果要是有的话，如何去除呢？这样去除str等于str点，所以base IG换成。空就可以了。除了看第二。

看效果不去除了这个是行，这就是我们这个题涉及到的难点，难点有二是吧，第一个使用正则表达式。去除。判断判断是否以这个开始。第二个难点说，调用字符串，字符串replace。前面是个IG，后边是个str。方法。去除指定。啊，字符串行好，有这两个的话呢，再结合我们刚才写的这个程序就可以直线了，OK，开始吧，来一起拼写啊。

这个难点的话呢，我们给它放在这儿竖起来。好，我们重新提供这个直线过Li know等于document。在I名词拍什么t name版Li，然后Li循环或等于零。I小于Li点。不好加加I know I click等于方式，方式啥嘞，里边的写法哇，文本值。

VL等于this，点点no或IG等于B，表示global全局的以什么什么开始。以这两个开始。如果ID点。这是不是有啊，你就给他去除。v.replace把it换成空号，否则我就给它加上。加V，然后的话那个值我需要重新置一下X点。No value等于VO了，看效果。

练习二啊，来写的是，好了好了，我们可以给这个这样写一下，我们加上三个。三个再看刷新。没问题，来，大家看一下你写的看法，把你没写好的给他加上。