00:00
好的好,我们咱们接着继续接着继续好下面呢,呃,这个大家要记住的一点啊,就是这个赋值对吧?对一个东西重新赋值呢,可以改变这个好我们页面当中的内容,好如果要是我们让他添加呢?诶就是获取到这个元素,然后呢,再拼接上某一个,然后呢,重新赋值好那么就可以添加,OK,那么这里边的这个加号呢,它不是指的是什么呢?哎,它不是就是加减乘除,它不是做加减运算啊,而是呢做了一个拼接,就是这里边是字符串对吧?啊,它会做一个拼接啊,字符串拼接。那么呢,下面呢,诶我们来这个再给大家讲一个,再讲一个什么呢?诶叫做音呢啊还是获取这个内容啊叫什么呢?Test这个好,我们把这里边的给干掉,打印一下,点什么呢?点test好,我们可以从这个好字面上可以理解理解理解理解到啊就这个是test文本对吧?这个呢就是内容,那它获取的呢,就是文本内容啊呃,这里边呢,获取元素的这个内容对吧?好它这个里边呢,呃就比较的稍微放一点啊我们看一下这个文本内容它是怎么样子的,诶文本内容呢这里面。
01:44
取了一个hello,还有一个音的是吧,好文本内容以及音的啊,它没有获取什么呢?诶,它没有获取这个标签对吧?好,它只是获取了他,诶,以及它里边这个标签的一个内容。OK,好,那么我们可以可以这个时候我们知道它的一个区别,它获取当中的什么呢?获取元素中的什么呢?文本内容,OK,获取元素元素中的文本内容。
02:33
对吧,集后代中的文本内容啊,后代也可以获取啊好,我们可以这么写的啊,当然的话,它这里边呢,一样的啊,这是获取啊,如果要说你要修改的话呢,诶修改诶把它给改成个123吧,对不对啊或者改,或者把它给改成一个666好那么这个时候呢,之前的这个它下面的这个标签就没有了啊,那么666啊就变成这样子,那重新复制啊,一模一样好,我们把这里面呢给复制一份啊,这里面呢,如果要是你要添加呢,也是一样的,然后呢,这里面呢,也可以拼接对吧?啊一模一样,然后我们这里面的话呢,哎,就呃不过多简洁,大家可以自己动一下手啊好这样子的啊,那么呢,在我们呢这个里头啊,还有一些这个特殊的啊呃,这个value。
03:35
比如说如果要是说这里面呢,我们的这个标签呢,它是一个什么呢?它是一个input。呃,Input呢,它里边的内容我们怎么样去获取呢?好刷新对吧?啊,如果要是这里面呢,写了一些内容,我们怎么样去获取呢?啊,这个input当中这些有啊,这些有value这个属性的,我们的内容呢,它其实就是这个标签当中的这个Y流属性啊,就是Y流属性啊,外流属性啊,啊就直接可以去获取这个属性当中的这个值啊,当然我们讲这个value之前呢,我们先来给大家讲解一个什么呢?诶讲解个别的。
04:24
这个的啊,好,我们把它给获取,获取到之后我们去那个input对吧,OK。好把它给改成这一个好获取到之后啊,呃,我们呢,先来看一下,就是这这个标签呢,它呢有这个属性啊,比如说我要获取这个属性,这个它里边的这个属性的这个值,对吧,怎么样去获取呢?嗯,当然我们还是去获取上面这一个吧,获取它这个div的什么呢?哎,比如说它的这个ID属性好,我们呢,可以通过这个呃,这个标签点啊,然后呢,加它的这个属性名,诶可以通过这种方式呢诶去获取。
05:38
OK,好,那么这里面呢,是一个,诶给我们输出呢,诶就输出了它里边这个它的这个属性的值啊。元素加什么呢?点这个属性。
06:13
属性名可以获取属性值。当然我们在这里面呢,和刚才一样啊,你呢可以获取呢,当然也可以改,然后把它给改成什么呢,可改成一个。改成一个什么呢?呃,改成一个好,改成一个这个对吧?好wep啊把它给改成一个web,那么这个时候呢,它页面当中呢,它的这个ID名呢,就变成了这个wep啊呃,你也可以加等于对吧?好一样的啊,这种方式它都是用啊都适用,呃然后这里面呢,我们只是给大家这个就是做个铺垫啊好如果要说我们呢,要获取这个这个标签当中的这个value呢,这个123呢。
07:27
对吧,好,那么呢,我们就可以通过它的这个标签的什么呢?诶Y流属性好,这个时候我们就可以把它给获取到啊,它的这个外流属性,呃,这里边我们要指定一个下标啊,我们在可以在这地方指定指定的一个下标为零对吧。啊,因为它获取的是一个集合,当然我们可以在这地方啊,可以在这个获取到啊,然后呢,指定下标,然后呢,再付给他也可以呢,在这地方,如果上面呢指定呢,那么下面就不需要了,好刷新那么这里面呢,是一个123好就可以获取到啊呃,如果要说我们呢,嗯,有时候我们要点击对吧?好或者是什么样的呢?诶就是说这里面不写对吧,你不写呢,他也可以获取到。
08:24
好比如说。呃。The。这里面呢,点击。我们给他来一个好,放在这个外面去好放在这个外面去好,我们呢,让他干嘛呢,让这里边呢,点击这个div,点击它的时候,然后呢,获取它的这个值对吧?好我们这里面不写,看一下啊,假设我们这里面不写对吧?好我们这个时候刷新,呃,当然我们这个div它没有什么。
09:06
井号box好没有宽度高度好让它出来啊让它出来,然后我们来点击啊,那么我们这里边的话呢,好就要做一个这样的一个点击事件啊link啊好这个呢,就是一个事件,好这个就是说呃,它啊就这个元素,它干嘛呢?它点击的时候对吧?就是我们这样子去点对吧,好点一下点击的时候呢,诶就让他做一件事情啊做什么样的事情呢?然我们首先给他做一个简单一点的,让他呢弹一个一出来啊弹一个一出来,我们刷新看一下啊好我们点进好那么它就会弹一个一对吧?好这个的意思呢,就是说诶这个啊点这个元素被点击的时候,对吧?做一件什么样的事情,好,它就会被点击的时候呢,它就会执行这里面的代码,这个呢,就是什么呢。
10:07
诶叫做点击事件啊,点击事件啊做什么样的事情呢?诶我们就去获取它里边的值对吧?啊点击的时候才去获取啊当然了,这里边呢,如果说我们没有去点,那么这里面有值吗?是吧?没有值对不对?好我们这个时候来看一下啊好这里面呢,写个什么呢?诶999对吧?好我们这个时候呢,OK,好点击好那么它就可以获取套它里面的字,虽然呢,我们没有说在这个地方写对吧?好,但是呢,它的这个值呢,就是在这个input的这个value属性下面,好一样的好我们这里边呢就OK啊嗯,这就是这种,呃这种标签啊,就是这种有value属性的啊啊有value属性的你你什么呢?像刚才的那个test什么呢?诶test contain呢,诶它是获取不到的啊。
11:04
他呢是获取不到的,好我们来看一下啊走对吧啊,它是没有这个这个属性的啊。Value它呢,获取这个form控件啊。的值的value值,Value属性值啊,当然这里面呢是一模一样的,你呢去获取好获取修改。
12:01
好获取修改啊,我们这里面就不写了啊,因为呢,跟上面的一模一样啊,呃,还有呢,还有就是嗯,后面呢,呃,还有一个就是我们的这个,呃,改一个URLS。嗯,然后我们呢,诶这里边呢,可以获取这些内容啊,然后我们还要这个啊,有一个什么呢?嗯,像这些图片标签呢。好,我们呢,想要就是去获取,获取它里边的这个啊,它的这个路径好,我们呢,该怎么去获取呢?对吧?好比如说我们呢,在这里面呢,把这个百度把它给打开好,我们把这个诶把这个地址给复制一下,然后把这个地址呢,诶写在这里头,对吧?那么呢,我们怎么样去获取它里边的内容呢。
13:16
这些标签怎么样去获取内容呢?怎么样去获取呢?好这里面已经没有了,好这里面已经没有了啊,好这里面的也没有了,对吧,把它给去掉啊。好,我们先打开看一下。它现在的内容呢,是这个样子的,这样子的,对吧,如果要说我们去获取到它啊,我们首先呢,去获取到这个,诶这个图片标签对吧?啊获取这个图片标签,那么呢,我们呢,好通过这个变量啊保存一下,好document.get element好,Byte name OK,好,我们这里面呢,直接写入这个标签名,好然后呢,在这个里面呢,指定它的一个下标啊然后呢,我们这个时候来打一下它的什么呢?诶它的这个src啊对不对,好我们去获取这个,诶以前的方式去获取一下,看一下能否获取到它里面的内容。
14:18
好大家会发现呢,这里面呢,它根本获取不到啊,因为呢,这个标签呢,它这个里面呢,我们的这个呢,呃这个in呢,HTM它只适合呢,诶这种双标签对吧?啊标签和标签当中的内容,像这种呢,它是获取不到的啊,它不是属于这个地方,我们要获取呢,诶我们应该是获取到它的这个属性是吧?啊获取到它的属性啊,那么呢,我们呢,诶是通过获取它的这个src对吧?啊获取它的这个src,我们要改变某个图片,好,我们是通过呢哎,通过改变它的src。
15:02
好好,我们在这里边呢,还是跟好我们这里边呢,做一件事情啊,就点击的时候呢,点击一下这个页面呢,Document好这个文档啊,这个文档点击啊,我们给这个文档添加一个呢,点击点击啊事件啊点击事件。好,我们在这里面的一下,好我们给它一个什么呢?一对吧,好走一下啊好嗯,这个加载这个图片有点有点慢对吧?好点击好它就可以啊,它就OK对不对,好点击它就OK啊那么呢,这里边呢,如果要说我们想要改变呢,好我们这里面的打开啊呃,我们点击呢,就让它这个图片呢,把它给换一张,换成什么呢?呃,换成这个这个。
16:02
好,把它给换成什么呢?换成这张图片。好,我们去找一张这个图片啊。好,把它给换成这个这一个,把它的这个src呢,把它给改一下,当然我们这里边要把它给引起来对吧?啊不然的话,他就认为它是一个变量啊,好走起来好刷新对吧?好这样子呢,我们通过改变它的src,然后呢,修改这个图片啊,修改这个图片就达到这样的一个效果,而不是呢,修改它的HTM好。SC。
17:09
好改变呢,好和这地方一样的对不对,好OK的话,OK的话啊。
我来说两句