第二十五节:父子、兄弟、相邻节点定位方式详解
来源:互联网 发布:淘宝申请延长收货时间 编辑:程序博客网 时间:2024/05/16 09:51
今天跟大家分享下selenium中根据父子、兄弟、相邻节点定位的方法,很多人在实际应用中会遇到想定位的节点无法直接定位,需要通过附近节点来相对定位的问题。
1. 由父节点定位子节点
最简单的肯定就是由父节点定位子节点了,我们有很多方法可以定位,下面上个例子:
对以下代码:
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
想要根据 B节点 定位无id的子节点,代码示例如下:
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
- 12
- 13
- 14
- 15
- 16
- 17
- 18
- 19
- 20
- 21
- 22
- 23
- 24
- 25
结果:
- 1
- 2
- 3
- 4
- 5
- 6
第1到第3都是我们熟悉的方法,便不再多言。第4种方法用到了css选择器:nth-child(n)
,该选择器返回第n个节点,该节点为div标签;第5种方法用到了另一个css选择器: nth-of-type(n)
,该选择器返回第n个div标签,注意与上一个选择器的区别;第6种方法用到了xpath轴 child
,这个是xpath默认的轴,可以忽略不写,其实质是跟方法2一样的。
当然,css中还有一些选择器是可以选择父子关系的如last-child
、nth-last-child
等,感兴趣可以自行百度,有机会博主会讲讲css selector。
2. 由子节点定位父节点
由子节点想要定位到父节点就有点难度了,对以下代码:
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
- 12
- 13
- 14
我们想要由 C节点 定位其两层父节点的div,示例代码如下:
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
- 12
- 13
结果:
- 1
- 2
这里我们有两种办法,第1种是 ..
的形式,就像我们知道的,.
表示当前节点,..
表示父节点;第2种办法跟上面一样,是xpath轴中的一个:parent
,取当前节点的父节点。这里也是css selector的一个痛点,因为css的设计不允许有能够获取父节点的办法(至少目前没有)
3. 由弟弟节点定位哥哥节点
这是第3、第4种情况,我们这里要定位的是兄弟节点了。如以下源码:
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
怎么通过 D节点 定位其哥哥节点呢?看代码示例:
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
- 12
- 13
结果
- 1
- 2
这里博主也列举了两种方法,一种是通过该节点的父节点来获得哥哥节点,另外一种比较优雅,是通过 xpath轴:preceding-sibling
,其能够获取当前节点的所有同级哥哥节点,注意括号里的标号,1
代表着离当前节点最近的一个哥哥节点,数字越大表示离当前节点越远,当然,xpath轴:preceding
也可以,但是使用起来比较复杂,它获取到的是该节点之前的所有非祖先节点(这里不太好解释,改天专门写篇博文讲解下所有的轴)
4. 由哥哥节点定位弟弟节点
源码与 3
一致,要想通过 D节点 定位其弟弟节点,看代码示例:
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
- 12
- 13
- 14
- 15
- 16
- 17
- 18
- 19
- 20
- 21
- 22
结果:
- 1
- 2
- 3
- 4
- 5
博主分享了五种方法定位其弟弟节点,上面三种是用xpath,第一种很好理解,第二种用到了xpath轴:following-sibling
,跟preceding-sibling
类似,它的作用是获取当前节点的所有同级弟弟节点,同样,1
代表离当前节点最近的一个弟弟节点,数字越大表示离当前节点越远;第三种用到了xpath轴:following
,获取到该节点之后所有节点,除了祖先节点(跟preceding
方向相反,但因为往下顺序容易读,不容易出错,所以也是可以用来获取弟弟节点的,但也不建议这么使用);第四、第五种,我们用到了css selector,+
和 ~
的区别是: +
表示紧跟在当前节点之后的div节点,~
表示当前节点之后的div节点,如果用find_elements,则可获取到一组div节点
- 第二十五节:父子、兄弟、相邻节点定位方式详解
- selenium —— 父子、兄弟、相邻节点定位方式详解
- Python selenium —— 父子、兄弟、相邻节点定位方式详解
- selenium中根据父子、兄弟、相邻节点定位
- 访问相邻兄弟节点
- 访问相邻的兄弟节点
- jquery寻找父子兄弟节点
- js获取父子兄弟节点
- 原生获取节点(父子兄弟)
- php学习 第二十五节
- 第二十五节JDBC
- jquery的父子兄弟节点查找示例代码
- jquery的父子兄弟节点查找示例代码
- 【转】jquery获取兄弟节点的方式
- 第二十五节 java学习 接口
- 第二十五节 SBL串口升级
- Java基础部分第二十五节
- CSS 相邻兄弟选择器
- Kafka集群搭建
- ipc(一)无名管道示例
- Qt之qDebug输出转义符反斜杠的问题
- leetcode 236. Lowest Common Ancestor of a Binary Tree
- 从getSystemService()出发获取系统服务
- 第二十五节:父子、兄弟、相邻节点定位方式详解
- 使用Dom4j解析XML
- 电话号码问题
- java面向对象(三)之抽象类,接口
- file error / encoding
- iOS基础知识4
- C# 多线程(lock,Monitor,Mutex,同步事件和等待句柄)
- 自适应和响应式的区别
- GPL协议