00:00
好,我们回一下上一节课内容啊,上节课呢,我们通过request发送get请求,得到response响应,把这个响应呢,作为生成树的这么一个素材,然后就生成这个树,那生成树了之后,我怎么才能捋出我想要的节点呢?那这就是一个新的问题是吧?问,AI呢?AI说需要一个东西叫XP。启动起来之后呢,可以看到这个是它的标题就是H1右键它检查元素。我可以看到它底下呢,就有这样一个H1元素。这个h he元素呢,我们可以复制它的X pass.长什么样呢?我们可以看到这是根下的。HTML下的body下的H1,这个不是一个ul,这个是什么呢?是这个H1元素在整棵树上的位置。这H1元素在整个树字位置在什么位置呢?你看跟下的HTML底下的body底的H1是这么一个位置,整个就跟这个这个什么一样,就跟这个文件目录是一样的,当前这个文件在哪儿呢?跟下的home里的实验楼,这个呢,就是跟下的HTML底下的body底下的H1是这么一个感觉,前面的流程就是之前那一套,但是这块呢,开始用了这。
01:22
就把这个路径。也就是跟下的HML下的body下的H1得到,得到之后呢,返回的是一个no list是一个节点列表,这个节点是什么呢?是H1节点,那我能看看这H1节点吗?这个H1节点的第0个元素是什么?就是这个H1对吧,它的标签是H1,它的文本呢。就是welcome to按X。就像这个是一样的,对吧,没有come to n X.那还有谁呢?注意一个H,一下边还有什么,还有三个P,我们可以看到这个是这么一个结构,我们把它。
02:00
压扁一点。这是一个X pass跟下来描下的body上的P总共有几个P呢?列表里有3个P是吧?列表里有3个P。那这3个P呢,就是这么一个情况,那我想看它的文本怎么办。把这个这个这个东西啊变利一遍。便利面之后出现什么呢?If开始难结束,我们看看是不是啊?If开始。最后应该是3Q,哎,为什么最后这个thank q消失了呢?那这个noteless呢,是3个P元素,我要看的是谁啊,我要看的是它第三个是吧,就是第二的这个编号。这个编号它的什么呀?Text确实是没有东西,但是它有没有child child呢?Get children.Guide children有没有呢?有,有这么个em,也就是说最后这个P里面有一个什么呀?有一个em元素,Em里没有文本,但是P没有文本,可是我就是想把这个东西捋出来,整个body我给他捋出来,有没有什么办法呢?我们用这种方式,传统方式to string, 对谁对body来to string.
03:14
方式呢,就是text text之后我们可以看到这就全过来了是吧,全过了到这个P,然后到em之后呢,把这个里面也编利出来是吧,一层一层的,其实还是一个深度优先的一个便利,只要有元素,甭管是你有多少层元素嵌套着,我先往深了扎,把这个东西都捋出来之后再往再往广了走是吧,先往深了扎,再往广了走,如果说我们更简化一下,我说的这个东西是一个点儿,哎,Not list, 它的叉是一个点儿,那这个点儿意味着什么呢?就会意味着当前元素。这个东西就是一个HT苗,就是当前,当前隐身,这还是和这个文件系统是相同的,回到shell之后,我们is空格点,这个点儿查的是当前,文件夹这个点儿呢查的是当前,呃,路径是跟下的HTML下的。
04:10
波下的屁,现在呢,我的当前我就是跟呐。我,我就省了它行不行呢?我们再看know the list.说明这什么呀,这个东西是可省的对吧,这个东西点儿可省了,那我把这个前面点杠也省了行不行啊,点儿杠都省了,我们试试。再去看仍然是可以的,哎,点儿。盖这这个就意味着这个这个body就意味着当前路径下的body对吧,其实省略了当前路径这个说法的,而当前路径是哪儿呢?因为你是一体HTML,所以你是跟下代HTM这个东西,依然可以找到这三个元素。不管是跟下的这种方式绝对路径的写法,还是body这种相对路径的写法,这两个是相同的。
05:03
那可以往更深了找吗?更深的,那就是。Body下的相对路径P下的A是吧?或者根下的是描下的body下的P下的A。那我就写清楚呗,把这个。P下的A写清楚,这个时候not the least是什么呀?是2个A是吧,那我觉得太麻烦了,甭管路径多少层,我直接找这个任意层级下的A行不行呢。就打两个杠,两个杠就是任意层级下的A,那这个时候能找到这俩A吗?是一样的。是一样的,那我我再找一个任意层级下的em。任意层天的em not list, 哎。他也确实是能找到一个杠是当前路径下的,两个杠是任意路径下的,当前路径下还有一个事儿是点儿,如果说呀,我找的是什么。首先上来之后是body,这个body意味着当前路径下的body,然后再加一个点儿呢,这个这个什么效果,这个就是body元素本身点儿不就是自己吗?那点了之后还可以再往下吗?
06:12
点了之后还可以再往下,比如说P,然后know the Lisa.这就是这个其实是当body,诶跟下载HL下的bodyy,然后当前路径还是bodyy,然后body底下的P是吧?哎,这是一个点儿,一个点儿是什么来着,刚才我们看了这个是当前路径。当前路径是哪儿啊,就是这个位置,那我可以诶看点儿点儿呢,点儿点儿什么意思,上一个路径,那这是当前路径是吧,后点的实验楼点点呢,就从实验楼里往上一层到后了,后面有什么?有一个product,有一个实验楼是吧?那这个叉p plus也可以往上一层走嘛。我们试一下。比如说啊,首先我们进了body body之后呢,我们点点一下,看看它是什么效果,No the list.
07:04
已经进了body了,然后又点脸,又上了一层,找到他,他的负极就是HTML。对吧,找到他的附近就是就是HTML,如果在这个HTML底下,我再进hide可以吗?是可以的,那我除了进hide,我再进一层什么呀,进一层style行吗?也是可以的诶。那就是我这棵树啊,可我可以往下去用文件名字。底下的文件名字去找到它的节点,也可以用点儿点儿去往上走是吧,往上爬啊,往下爬都可以,诶,这就是这么一棵树,那它为什么和文件系统这么像呢?因为他们都是容器,而且是什么容器呢?科层结构的容器叫什么呢?Hierarchical system.呃,层级的系统ET是元素底下有元素,这个文件系统呢,是文件夹里嵌套着有文件夹,诶,只不过这个文件夹里面有具体的文件,而这个元素呢,里面可能会有一些属性atbu。
08:08
那这次呢,我们了解了checkps啊,就checks呢,就可以用来筛选其中的节点,那么有一些表达式,比如说呃呃节点名儿,还有呃下边儿的啊,如果出现在对头,那那是跟下,还有什么呢?任意层级下的当前节点的和向上一层节点的。那我还有什么可以筛选节点的方式吗?我们下次再说o ez教程。
我来说两句