今天跟大家分享下selenium中根据父子、兄弟、相邻节点定位的方法，很多人在实际应用中会遇到想定位的节点无法直接定位，需要通过附近节点来相对定位的问题，但从父节点定位子节点容易，从子节点定位父节点、定位一个节点的哥哥节点就一筹莫展了，别急，且看博主一步步讲解。

1. 由父节点定位子节点
最简单的肯定就是由父节点定位子节点了，我们有很多方法可以定位，下面上个例子：

对以下代码：

<html>

<body>

<div id="A">

    <!--父节点定位子节点-->

    <div id="B">

        <div>parent to child</div>

    </div>

</div>

</body>

</html>

想要根据 B节点 定位无id的子节点，代码示例如下：

# -*- coding: utf-8 -*-

from selenium import webdriver

driver = webdriver.Firefox()

driver.get('D:\\py\\AutoTestFramework\\src\\others\\test.html')

# 1.串联寻找

print driver.find_element_by_id('B').find_element_by_tag_name('div').text

# 2.xpath父子关系寻找

print driver.find_element_by_xpath("//div[@id='B']/div").text

# 3.css selector父子关系寻找

print driver.find_element_by_css_selector('div#B>div').text

# 4.css selector nth-child

print driver.find_element_by_css_selector('div#B div:nth-child(1)').text

# 5.css selector nth-of-type

print driver.find_element_by_css_selector('div#B div:nth-of-type(1)').text

# 6.xpath轴 child

print driver.find_element_by_xpath("//div[@id='B']/child::div").text

driver.quit()

结果：

parent to child

parent to child

parent to child

parent to child

parent to child

parent to child

第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. 由子节点定位父节点
由子节点想要定位到父节点就有点难度了，对以下代码：

<html>

<body>

<div id="A">

    <!--子节点定位父节点-->

    <div>

        <div>child to parent

            <div>

                <div id="C"></div>

            </div>

        </div>

    </div>

</div>

</body>

</html>

我们想要由 C节点 定位其两层父节点的div，示例代码如下：

# -*- coding: utf-8 -*-

from selenium import webdriver

driver = webdriver.Firefox()

driver.get('D:\\py\\AutoTestFramework\\src\\others\\test.html')

# 1.xpath: `.`代表当前节点; '..'代表父节点

print driver.find_element_by_xpath("//div[@id='C']/../..").text

# 2.xpath轴 parent

print driver.find_element_by_xpath("//div[@id='C']/parent::*/parent::div").text

driver.quit()

结果：

child to parent

child to parent

这里我们有两种办法，第1种是 .. 的形式，就像我们知道的，. 表示当前节点，.. 表示父节点；第2种办法跟上面一样，是xpath轴中的一个：parent，取当前节点的父节点。这里也是css selector的一个痛点，因为css的设计不允许有能够获取父节点的办法（至少目前没有）

3. 由弟弟节点定位哥哥节点
这是第3、第4种情况，我们这里要定位的是兄弟节点了。如以下源码：

<html>

<body>

<div>

    <!--下面两个节点用于兄弟节点定位-->

    <div>brother 1</div>

    <div id="D"></div>

    <div>brother 2</div>

</div>

</body>

</html>

怎么通过 D节点 定位其哥哥节点呢？看代码示例：

# -*- coding: utf-8 -*-

from selenium import webdriver

driver = webdriver.Firefox()

driver.get('D:\\Code\\py\\AutoTestFramework\\src\\others\\test.html')

# 1.xpath,通过父节点获取其哥哥节点

print driver.find_element_by_xpath("//div[@id='D']/../div[1]").text

# 2.xpath轴 preceding-sibling

print driver.find_element_by_xpath("//div[@id='D']/preceding-sibling::div[1]").text

driver.quit()

结果

brother 1

brother 1

这里博主也列举了两种方法，一种是通过该节点的父节点来获得哥哥节点，另外一种比较优雅，是通过 xpath轴：preceding-sibling，其能够获取当前节点的所有同级哥哥节点，注意括号里的标号，1 代表着离当前节点最近的一个哥哥节点，数字越大表示离当前节点越远，当然，xpath轴：preceding也可以，但是使用起来比较复杂，它获取到的是该节点之前的所有非祖先节点（这里不太好解释，改天专门写篇博文讲解下所有的轴）

4. 由哥哥节点定位弟弟节点
源码与 3 一致，要想通过 D节点 定位其弟弟节点，看代码示例：

# -*- coding: utf-8 -*-

from selenium import webdriver

driver = webdriver.Firefox()

driver.get('D:\\Code\\py\\AutoTestFramework\\src\\others\\test.html')

# 1.xpath，通过父节点获取其弟弟节点

print driver.find_element_by_xpath("//div[@id='D']/../div[3]").text

# 2.xpath轴 following-sibling

print driver.find_element_by_xpath("//div[@id='D']/following-sibling::div[1]").text

# 3.xpath轴 following

print driver.find_element_by_xpath("//div[@id='D']/following::*").text

# 4.css selector +

print driver.find_element_by_css_selector('div#D + div').text

# 5.css selector ~

print driver.find_element_by_css_selector('div#D ~ div').text

driver.quit()

结果：

brother 2

brother 2

brother 2

brother 2

brother 2

博主分享了五种方法定位其弟弟节点，上面三种是用xpath，第一种很好理解，第二种用到了xpath轴：following-sibling，跟preceding-sibling类似，它的作用是获取当前节点的所有同级弟弟节点，同样，1 代表离当前节点最近的一个弟弟节点，数字越大表示离当前节点越远；第三种用到了xpath轴：following，获取到该节点之后所有节点，除了祖先节点（跟preceding方向相反，但因为往下顺序容易读，不容易出错，所以也是可以用来获取弟弟节点的，但也不建议这么使用）；第四、第五种，我们用到了css selector，+ 和 ~ 的区别是： + 表示紧跟在当前节点之后的div节点，~ 表示当前节点之后的div节点，如果用find_elements，则可获取到一组div节点。

以上就是博主今天分享的内容，通过这些方法，你可以随意根据一个元素定位到其他任何一个位置的元素，这样，相对元素定位再不是难事了吧。有什么问题留言吧。

Python selenium —— 父子、兄弟、相邻节点定位方式详解的更多相关文章

  1. 【python+selenium的web自动化】- 8种元素定位方式详解

    ​ 我们在做WEB自动化时,最根本的就是操作页面上的各种元素,而操作的基础便是元素的定位,只有准确地定位到唯一元素才能进行后续的自动化控制,下面将对各种元素定位方式进行总结归纳. ​ 说明:以下操作统 ...

  2. python selenium 三种等待方式详解[转]

    python selenium 三种等待方式详解   引言: 当你觉得你的定位没有问题,但是却直接报了元素不可见,那你就可以考虑是不是因为程序运行太快或者页面加载太慢造成了元素不可见,那就必须要加等待 ...

  3. Python模块调用方式详解

    Python模块调用方式详解 作者:尹正杰 版权声明:原创作品,谢绝转载!否则将追究法律责任. 模块,用一砣代码实现了某个功能的代码集合. 类似于函数式编程和面向过程编程,函数式编程则完成一个功能,其 ...

  4. Python包模块化调用方式详解

    Python包模块化调用方式详解 作者:尹正杰 版权声明:原创作品,谢绝转载!否则将追究法律责任. 一般来说,编程语言中,库.包.模块是同一种概念,是代码组织方式. Python中只有一种模块对象类型 ...

  5. JavaEE实战——XML文档DOM、SAX、STAX解析方式详解

    原 JavaEE实战--XML文档DOM.SAX.STAX解析方式详解 2016年06月22日 23:10:35 李春春_ 阅读数:3445 标签: DOMSAXSTAXJAXPXML Pull 更多 ...

  6. 《手把手教你》系列技巧篇（三十二）-java+ selenium自动化测试-select 下拉框（详解教程）

    1.简介 在实际自动化测试过程中,我们也避免不了会遇到下拉选择的测试,因此宏哥在这里直接分享和介绍一下,希望小伙伴或者童鞋们在以后工作中遇到可以有所帮助. 2.select 下拉框 2.1Select ...

  7. Python爬虫之爬取淘女郎照片示例详解

    这篇文章主要介绍了Python爬虫之爬取淘女郎照片示例详解,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧 本篇目标 抓取淘宝MM ...

  8. div+css定位position详解

    div+css定位position详解 1.div+css中的定位position 最主要的两个属性:属性 absolute(绝对定位) relative(相对定位),有他们才造就了div+css布局 ...

  9. Dubbo配置方式详解

    Dubbo 是一个分布式服务框架,致力于提供高性能和透明化的 RPC 远程服务调用方案,是阿里巴巴 SOA 服务化治理方案的核心框架,每天为 2,000+ 个服务提供 3,000,000,000+ 次 ...

随机推荐

  1. 解决微信小程序要求的TLS版本必须大于等于1.2的问题

    一.环境: CentOS 6.8 nginx 1.6.0 php 7.0.10 二.背景 最近开发一个小程序,而小程序对后台接口服务器的要求是: 1.请求域名在request合法域名中 2.基于 ht ...

  2. django基础之一

    Python的WEB框架有Django.Tornado.Flask 等多种,Django相较与其他WEB框架其优势为:大而全,框架本身集成了ORM.模型绑定.模板引擎.缓存.Session等诸多功能. ...

  3. 【xsy2913】 enos 动态dp

    题目大意:给你一棵 $n$个点 以 $1$为根 的树,每个点有$ 0,1,2 $三种颜色之一,初始时整棵树的颜色均为 $0$. $m$ 次操作, 每次操作形如: 1 x y c : 将 $x$到$y$ ...

  4. vue教程1-02 data里面存储数据

    vue教程1-02 data里面存储数据 <!DOCTYPE html> <html lang="en"> <head> <meta ch ...

  5. 课程一(Neural Networks and Deep Learning)，第二周（Basics of Neural Network programming）—— 3、Python Basics with numpy (optional)

    Python Basics with numpy (optional)Welcome to your first (Optional) programming exercise of the deep ...

  6. 全球各大邮件SMTP服务限制

    常用免费SMTP服务的发送限制,转贴 GMail 免费邮箱 http://gmail.google.comSMTP 服务器:smtp.gmail.com策略:发送延时 0,每天发送量限制 50(GMa ...

  7. 开发工具 -- Eclipse快捷键

    [ALT+/]此快捷键为用户编辑的好帮手,能为用户提供内容的辅助,不要为记不全方法和属性名称犯愁,当记不全类.方法和属性的名字时,多体验一下[ALT+/]快捷键带来的好处吧.   [Ctrl+O]显示 ...

  8. JAVA 利用Dom4j实现英语六级词汇查询 含演示地址

    要求 必备知识 基本了解JAVA编程知识,DOM基础. 开发环境 MyEclipse10 演示地址 演示地址     通过前面几天的学习,现在基本掌握了JAVA操作DOM方面的知识,现在来一个小DEM ...

  9. 分布式锁的两种实现方式（基于redis和基于zookeeper）

    先来说说什么是分布式锁,简单来说,分布式锁就是在分布式并发场景中,能够实现多节点的代码同步的一种机制.从实现角度来看,主要有两种方式:基于redis的方式和基于zookeeper的方式,下面分别简单介 ...

  10. [深入Maven源代码]maven绑定命令行参数到具体插件

    maven的插件 我们知道Maven具体构建动作都是由插件执行的,maven本身只是提供一个框架,这样就提供了高度可定制化的功能,我们用maven命令执行比如mvn clean package这样的命 ...