00:00
好,下面给大家讲解怎么样,如何去获取标签啊。OK,好,我们在这里边呢,进入到第二个章节,好,我们在这里面给个零幺好获取获取标签的这个它的这个方法啊好这里面呢有很多种方法啊,我们这里面呢,写个写个什么呢?诶就是我们先给大家讲这个by ID的这个方法啊,把这个给好,这个方法好,把这里面内容把它给干掉,好比如说我们呢,要就说大家知道啊,就是说我们呢,在这个里面的这个GS主要是用来做动画,好我们呢,在这个地方呢,诶诶比如说我们的页面当中有一个ID名称叫box,对吧?好,这么一个盒子啊,这么一个盒子,好我们在这个地方呢,诶给它来一个,诶来点样式吧,好,那么我们打开看一下,好,我们这样去获取,获取到它。
01:13
八获取到它好那么呢,我们呢,啊如何去获取到它呢?好那么呢,这里面呢,有这么一个方法,好document点什么呢?Get element by ID好get element by ID,那么这个呢,就是通过它这种ID,这个ID名的这种方式去获取,在这里边呢,我们只需要写入这个ID名就OK,好这句话的意思呢,就是什么呢?对吧,好document就是它呢,是这个文档的意思,对吧?好那么呢,我们可以理解成在文档中好去对吧,好get去获取。好element什么呢?元素好,然后呢,通过对吧。
02:03
BY通过,然后呢,通过什么呢?诶通过ID的这个通过ID名。对吧啊,通过ID名的方式,那么我们这里面呢,写入ID名就OK啊,对吧啊,他告诉我们说通过ID对吧,我们就就写这个ID名就OK啊,它这个里面这个啊这个元素的ID名称叫什么,你就直接拿过来啊,当然这里边呢,干嘛呢,要引起来对吧?好如果要是不引起来,它它会认为我们这个东西是一个变量对吧?啊认为它是一个变量,好我们呢,这里边呢要诶传入这个诶写入这个就是ID名称,好我们呢,这个这个时候我们可以来打印一下,好看L一下。好大家看到,那么这里面呢,在我们的这个pencille啊,这个控制台这里,因为呢,它会打印这个呃ID名称叫box的这个这个div这个标签,当然我们可以在地方呢,给它写写个写点文字啊写点文字好刷新对吧?好那么就可以显示出来啊好当然了,这里面的话呢,一般呢,我们在这里面获取之后啊,我们比如说要给它呃要改变它的宽度啊要高度对吧?好那么呢,我们就要怎么做呢,我们就会做一个比较简单的方式啊怎么样呢?诶就是把这个诶获取的这个东西啊,诶我们给它取个名称对吧?诶随便取一个啊叫div对吧,好或者呢,诶A也行对吧,OD好这个样子好,然后呢,诶把它给保存起来对吧?好,把它获取的值干嘛呢?啊付给它,那么这个时候我们来打印一下。
03:49
打印这个变量。OK,一模一样啊,一模一样,那么就是说这个这个右边是什么东西对吧?OK,它就是什么东西啊,它就是什么东西啊那么这个呢,就是通过ID的这种方式啊ID的方式好我们在这地方呢,给备注一下document get element by ID好它呢是通过ID方法,那么在下面呢,干嘛呢?诶去获取这个哎去获取元素对吧?好这里面呢,就这啊然后它这里面的获取的话啊,它呢,只能够获取一个对吧?啊它只能获取一个,因为1ID呢,它具有这个唯一性,对吧?OK,那么它获取的也是一个啊好那么我们这地方呢,把这地方给注释掉啊好给注释掉,好接下来我们给大家另外的一个方方式啊,就是这个呢,好,我们获取元素呢,除了有什么呢,有掰就是说我们。
04:55
除了像我们的CSS是吧?啊,除了有这个啊ID方法还有什么方法诶就是说它还有这个标签名是吧?好这样呢,可以去获取这个元素啊获取获取元素这样呢,诶CS选择器通过标签名好P标签呢就写个P对不对啊十奔标签呢就写个十泵,那么呢,我们的JS呢,它同样的啊同样的好我们呢,在这里边呢,我们就先写个变量了啊好比如说我同样的去获取这个是吧啊这个这个标签。
05:34
Document by Tech。好好大家看一下啊,就是document对吧?啊和这个地方是一样的啊,就是去在文档中去获取元素,好通过啊通过什么方法呢?通过标签名啊通过标签名,那么这里面呢,我们就先对应就对应的就写个标签名就行了啊take name对吧?啊take name啊BY通过tag呢,就是标签的意思,名称就是name对吧?好然后呢,这里方注意的一个地方就是这里面呢啊没有S啊,因为它获取的一个,那么这里面呢,有一个S啊表示获取多个,它获取好我们先这里面呢写着啊呃,我们这个时候来打印一下啊。
06:46
来打印一下,那么它这里面的这个时候输出好在这地方好刷新,诶大家看到啊,那么这里边呢,它这个这个说明的时候,这里面有个说明,然后呢,这里边呢,就是说它获取的是一个是HTM的一个什么呢?诶它HTM的一个集合。
07:17
啊,它获取的是一个HTM的一个集合。它获取的是一个什么呢?呃类数组这个呢叫做什么呢?啊类数组啊,它呢是可以获取多个啊,可以获取多个啊好,我们这个时候先来看一下啊,大家看到啊,就是这个呢,和我们的刚才那个他打印出来的不一样,我们前面打印出来的获取来呢,它就是一个标签,会把标签它里边是什么样子,对吧?好就打印出这个样子啊然后这个呢,它就不一样,他呢看到没有一个什么这个这个中括号,然后呢,里边呢,对吧?啊有这个内容啊有这个内容就是说它呢获取的呢,诶是一个多个的啊多个内容,如果要是说好我们呢,呃。
08:18
嗯,我们还是这里边的来写一下吧,在这里面我们再来一个啊,比如说这个我们就不要给他,就不给他这个,诶他这个什么名称了,对吧?好给他一个div啊DIV2,好,我们这个时候刷新看一下啊对起来,那么呢,大家可以看到呢,它呢是有两个div对吧?好,这一个这一个div好好OK,当然我们可以给它这个,给它来一个命名啊,给它命名一下,好,我们在这里面写个div,好,这里面的DIV2啊,那么我们就可以看到呢,它呢是可以获取到这个,呃,多个啊,也就是说我们的页面当中呢,也有多少个div,那么它就能够获取多少个div,就像我们的这个一样,对吧,它能够选择到所有的啊好,就是说可以可以选择到所有的什么呢?诶标签名叫div的对吧,那么它可以获取多个啊,获取多个,如果要说我们想要获取什么呢。
09:17
诶获取其中的一个呢,对吧?啊,因为呢,比如说我们要获取,就是说要改变它的什么呢?呃,改改变它的这个宽度高度对吧?好我们呢,只能是说诶比如说改变它的对吧,那么我们就要找到它对吧?啊找到它那么呢,我们呢,在这里边呢,要诶指定它的一个下标啊指定一个它的下标啊也就是说呃嗯就像就像比如说我们的这个里边呢,诶获取的呢,去获取的呢是一个苹果对吧啊就要去获取苹果啊,那么他会通过这种方式,就是呃这种获取的这个这个啊有一个S的对吧啊有一个S的啊这种方法啊这种方法那take name这种啊那ID的是不一样啊,ID的不一样,ID的呢,获取呢获取了对吧,一个苹果啊,获取了呢,就可以用对吧?啊可以吃啊,然后呢,这个get element的话,它有个S啊,那么它获取来的时候呢,诶获取来就相当于把这个获取到的这个苹果把它给。
10:17
丢到一个袋子里头对吧?好,那么呢,这个袋子呢,是不能够说诶你给他添加什么,诶添加一个什么背景对吧?啊,给它添加一个backlo的啊对不对,好不可不可以啊,那么我们需要从这个袋子当中呢?诶选中第几个对吧?啊比如说我们选中这里面有两个苹果,那么呢,我是选中这一个对吧?啊要选中这一个的话,好那么这个时候呢,我们就需要用一个一个这个中括号,然后呢,后面呢,写上一个什么呢?下标啊,这个叫做下标,好我们这个时候啊,这里面的刷新啊,那么这里面呢,它获取的呢,就是第一个对吧啊那么这里面呢,为什么是一个零呢。OK,那么它这里边呢,它这个默认的啊,就是它获取这里面的这个类数组呢,诶它的这个就是说这个这是一个元素,这是一个元素,它里面的一起有两个,它的下标默认的呢,就从零开始的,如果要是说你要获取啊获取这个,那么那么就指定下标呢为零,好如果要说你要指定这一个呢,诶你就下边呢为一啊好,它是呢从诶从零开始啊下标对吧?好,那么给一呢,它就是指定第二个,好,我们写一下啊这里面的零。
11:37
呃,写在这里边吧。ID名通过通过去获取元素,好,我们把这里面把它给复制一份,好就是在这个地方。
12:04
Get element by Tech。好,这里面直接这么写,好这里面这么写。好,这里面呢,写这个标签名对吧?好,这里面填标签名好它呢获取的是一个类似组,好然后呢是多个啊好然后呢,这里面的这个下标啊给大家这个里面的这个呢,诶下标。诶,默认从什么呢?哎,从零开始啊。计算的好,记住这么一条啊,这么一条类数组啊,类数组啊,我们呢,可以专门呢,通过这种下边的方式去获取第几个第几个,然而还要需要注意的一个地方呢,就是什么呢?诶就是这里边呢,如果要说我们这里边的页面当中只有一个元素呢,我们需不需要就是说指定下标呢?好,我们这个时候来获取一下啊,来刷新123走起来。
13:12
好,这里面给我们这个地方是吧,多写了一个好刷新,好这里面呢,也是一样啊,大家会发现和我们原原来的不一样,它还是一个中括号啊,就是你一个呢,你也要指定它的一个下标,就是它获取的只是一个,它也会把它给丢到一个袋子当中,那么呢,我们要从这个袋子当中把它给拿出来,对吧,好,他来才能够这个呃,拿来使用啊,才能够拿来使用啊,其实这么一个地方。OK,好,那么呢,我们接下来第三个好,然后呢,它除了有这个take name,然后呢,还有这个这个by name啊by name它又是怎么样的呢,又是怎么样呢?好,我们把这里面的这地方们把它给干吧干吧干。
14:16
干掉好内呢,诶大家似曾相识似曾记得啊,就是说我们的这种啊,Form当中的一些控件啊,它呢是有这个内属性的,比如说我们呢,就给它了一个text是吧,然后呢,再来一个,呃再来一个标签,好我们呢,这里边呢叫做什么呢?呃叫做这个type type呢给它来一个button,然后呢,我们这个就来一个,呃也给他来一个什么呢?呃,这个input吧,都给他来个input对吧。还有内幕属性,那么如果要说这个里边的这个元素,它有这个,他有这个name属性的话,我们呢,就可以通过这种by name的这种啊,By name的这种啊,这种方法啊去获取。
15:18
好把name好,它的这个name名称好name名称去获取啊,那么比如说我们要获取这个对吧?好这个和这个,那么我们这里边呢,可以写个这个它的内幕名称,把它给写入,写入当中,好那么他的意思呢,就是说去获取元素通过呢什么呢?诶通过内幕名是吧?啊内啊内名称吧,好那么呢,这里面呢,写入什么啊,写入这个内目名就可以了啊那么它获取呢,同样的是一个类数组啊多个好我们来看一下就知道啊好cl.logo这个。
16:01
好,写入一个这个啊好,现在呢有两个,那么呢,这里面呢,大家看到啊,那么这里面的话,这个里面的话是一个这个的对吧?好那么它呢,是一个类数组啊,一个类数组是吧?第一个第二个啊第一个第二个好,如果说我们要指定呢,诶指定就要找到这个第零个,那么我们需要给它加一个下标啊一样的好走起来对吧?好就这一个啊test,好test。啊一样的啊一模一样,只是说这里边呢,有些呢,就是说去掰这个内幕呢,一定要这个标签呢,它有这个内幕属性,如果要说没有这个内幕属性的话,比如说div对吧,Div呢,它就没有这个内幕,好那么它是获取会获取失败,获取失败好我们把这个地方拿到这里来。
17:02
好,我们这里面呢,暂时讲到这里。
我来说两句