00:00
好,那么这里面呢,我们这个就是by name啊,我刚才讲的这个by name,接下来呢,我们再给大家讲一个叫什么呢?诶我们这个元素在我们的CS当中,对吧,它呢是有什么,诶BY这个class name对吧?就是说我们呢有什么,诶有class名称,是不是通过点,如果要是这个这个元素呢,它呢好它呢有这个class名称,那么呢,我们的这个CS呢,就可以通过这种呃,它的这个class名称去获取啊,去获取这个元素对吧?啊去获取这个元素啊。那么呢,我们的JS呢,有没有呢?好,我们JS也是有的对吧?好那么怎么写呢?好我们把这里面呢,诶把这个地方呢,改成什么呢?好,Get element by class name好然这里面呢,不能够写成by class by class这里面呢,要写成by class name,好这里面呢都是有S的啊好这里面呢多个的它都有S对吧?这个里面呢也是一样的啊,因为呢,这个类面呢,它是可以可以取多个的啊通过名称。
01:14
诶,那么我们这里边呢,就写诶class名就行了,对吧,好去获取元数,这里面再填这个class名好OK好他呢也是获取多个一个类似组对吧?好然后我们这里面呢,这个呃,这个里边呢,写个写个DIV1吧,好在这里边我们复制一个叫DIV2。好,那么我们这里边呢,这个地方你卡拉名称怎么写对吧,这里面就怎么写,然后就怎么写好,那么我们这个时候来打印一下这个op键,那么它这里面的出来的呢,也是一个几合对吧?好两个啊一个中括号里面呢有两个好,如果要说我们要指定的第几个第几个对吧?好我们一样的通过下标好,然后呢,就可以获取到这个,诶它的第一第一个对吧,下边零的第一个好,下边一呢,获取第二个好,获取第二个好的好,那么接下来呢,好,我们把这个地方呢,把它给好放在这个地方。
02:30
在获取多个多个类似类似类似这个唯一这个这几个的唯一他们的不同点呢,就是这个是吧?啊,它少一个S啊,它没有S啊,它获取的是一个OK好,下面呢,给大家这个介绍呢,有关什么呢?诶我们在这个呃。那个ES5啊,ES5里边这个新增的一些方法啊,新增方法呢,呃,它除了有这个有这些对吧?呃,我们的这个class name也是也是啊,然后呢,它又加了什么呢?又新增了这个。
03:20
好的,那么呢,诶,我们比如说这里边呢,这个有一个box box对好box好,那么呢,这个呢,方法有点不一样啊,就document select。好,这个里面呢,就是选择啊,然后呢,这里面呢,干嘛呢?诶通过什么呢?呃,选择器啊,这里面呢,就是一个选择器的对吧?啊通过选择器啊去获取元素,通过诶选择器啊通过选择器,那么呢,这里边呢,这个就是我们这个地方呢,就写一个什么呢?诶写一个选择器就行了,对吧?而什么是选择器呢?诶这点卡拉就是一个选择器对吧?啊比如说我们的UU,那么它也是一个选择器啊这都是选择器,好,这个也是一个选择器对吧?好井号box呢,诶诶下面的U下面的Li这个东西也是选择器对吧?好,我们在CSS对吧,就是我们CS当中的一个选择器,好好在这里面呢,比如说诶我们的选择。
04:45
进来点什么,点box是一个选择器吧,啊点box那么呢,我们把这个选择器传给他,那么他去获取的呢?诶获取的怎么样啊刷新。好,那么呢,它获取的呢,诶我们这个选择器呢,它是不是有就是说这个页面当中有两个class名称叫boxs了,但是它获取的时候我们打印出来,它就干嘛呢?诶直接把第一个元素把它给打印出来了,那么说明什么呢?说明什么呢?诶说明这个方法呀,它获取的呢,它不是一个类数组,对吧?啊它获取的呢,不是一个类数组,而是呢,诶他获取的呢,是一个元素,他获取一个元素啊那么这里面的一个啊获取一个啊获取它是获取的第一个对吧?啊第一个啊最前面那一个,呃,通过选择器,那么这里面的写入选择器啊,这里面写入写入选择器,好,我们这里面再获取一个。
05:59
OK,好,还有一个跟他长得很像的啊,就是说哎,我们写一个,我们获取一个对吧,有时候我们是不是应该呃想获取所有的卡名称叫box对不对啊,那么怎么怎么做呢,怎么做呢?好,我们再来复制一个,他也提供了这种方法啊,就一个呢,可以获取获取一个,一个呢还可以获取多个,好我们只要在这个后面呢,加一个物偶就是所有的,就是说所有卡拉名称叫点box的对吧?好,它都能够获取啊,都能够获取好我们这个时候刷新一二呃一二好打开好刷新走一下好,那么呢,它这里面呢,获取的也是一个类数组啊,它能够获取多个,获取多个啊。
06:59
写这里对吧,啊类数组,那么这里面呢,去获取元素,然后呢,通过选择器啊多个。
07:11
那么如果要说页面当中只有一个呢,一个也是一样的,同样的它获取的呢,也是一个类数组啊。选择那么多个。好的,那么呢,我们获取元素的方法呢,一起几个呢,一起就六个啊,这里边的这个就讲了六个好,他们这里边的这个要大家要区分好,一个呢,获取一个,这个呢也是获取一个,其他的呢,都是获取多个啊,都是获取多个好的啊,然后呢,好我们还要注意的一个地方啊,还要注意一个地方,就是呢,我们的这个呃,第七呃。
08:11
就是这个。就是啊,我们这里边呢,看到没有啊,就这地方呢,都是通过文档是吧?在文档中去获取啊,在文档中去获取,其实呢,有些呢,呃方法呢,我们可以通过别的方式去获取啊,就不需要在整个文档当中去获取,比如说诶这里边呢有一个井号叫box的是吧?好,我们呢,可以在它下面呢去获取,比如说呃,这个P标签是吧?啊这个P,呃,这里面呢有个P对吧?这里面呢有一个呃,我们写个内P吧。
09:04
的对吧,好这里面呢,有一个外面有一个有一些我们给来一个好我们多写几个一的一好了二,那有时候我们呃,啊只想获取这个div下面的P标签呢,P标签呢,好比如说嗯,我们去这个去这个well well呢这里面写一个AP对吧?好表示这个A,那么表示呢,多个P标签,然后呢,Get element by什么呢,Get element by take name是吧?它呢,能够获取到多个P标签,好它呢,会把所有的页面当中所有的P标签呢,诶。
10:05
都给诶获取过来,那么打印一下呢,它出来呢,是有几个呢?诶出来一起有三个对吧,一有三个,而我呢,只想获取这里边呢,好,那么我们呢,可以通过就是在它这个,诶在这个div下面去找啊,而不是在这个整个文档当中去找,那么我们呢,可以在这里面呢,先去把这个div把它给找到a box.document.get element by ID。好box把它给找到,我们可以把这个地方把这个document对吧?OK,这样呢,就是在整个文档当中去找对吧,好document,然后我们呢,可以指定只让什么呢,在这个标签里头去找,诶这样呢它就好很多啊对吧,它呢速度更快对吧?好指定范围,指定范围,那么这个时候他获取的呢,诶就只有什么呢?诶前两个啊只有前两个,当然我们呢可以就是呃,你可以给他来个class啊,比如说我们在这里面呢,写个就可以看得到啊就是呢这个是吧,好打印一下啊,那么呢,他们都是这两个呢,都是有卡拉名称的对吧,后面那个呢,没有被获取啊好就是呢这种方式啊,那么哪些方法可以就是说把这个。
11:45
Document把它给换成换成这个,诶诶换换掉呢是吧?好这个呢get element呢,它是不能够换的啊,你不能够说用在别的标签下面去get,对吧,为什么呢?因为ID在我们的页面当中呢,它具有唯一性,对不对啊,就只有一个是不是啊,它就只有一个,就是说你不需要说在哪个哪个页面去找了,对不对啊,所以呢,这个地方呢,不能够啊,就是说必须是多科门诊,然后呢,这个呢可以啊,这个呢,呃,这个它也不可以啊,这个也不可以,好其他的呢,都是可以的,好那么呢,我在这地方呢,把它给改一下,这地方呢,可以写成这个element。
12:34
好好,大家可以去试一下啊。好这个样子啊,好,那么呢,就只有两个啊,只有两个,这是一个特殊啊,这个对吧啊,这个呢很正常啊,这个是一个特殊啊。好的好,那么就是这个样子啊好,我们那么我们呢,诶这个获取元素呢,诶就给大家讲到这里啊。
我来说两句