selenium+xpath 文本信息定位

selenium中根据父子、兄弟、相邻节点定位的方法，很多人在实际应用中会遇到想定位的节点无法直接定位，需要通过附近节点来相对定位的问题，但从父节点定位子节点容易，从子节点定位父节点、定位一个节点的哥哥节点。

第一种方法：通过绝对路径做定位（相信大家不会使用这种方式）

By.xpath("html/body/div/form/input")

By.xpath("//input")

第三种方法：通过元素索引定位

By.xpath("//input[4]")

第四种方法：使用xpath属性定位（结合第2、第3中方法可以使用）

By.xpath("//input[@id='kw1']")

By.xpath("//input[@type='name' and @name='kw1']")

第五种方法：使用部分属性值匹配（最强大的方法）

By.xpath("//input[start-with(@id,'nice')

By.xpath("//input[ends-with(@id,'很漂亮')

By.xpath("//input[contains(@id,'那么美')]")

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节点。

XPath、CSS定位速查表

xpath css cheat sheet

HTML版如下：

描述	Xpath	CSS Path
直接子元素	//div/a	div > a
子元素或后代元素	//div//a	div a
以id定位	//div[@id=’idValue’]//a	div#idValue a
以class定位	//div[@class=’classValue’]//a	div.classValue a
同级弟弟元素	//ul/li[@class=’first’]/following-sibling::li	ul>li.first + li
属性	//form/input[@name=’username’]	form input[name=’username’]
多个属性	//input[@name=’continue’ and @type=‘button’]	input[name=’continue’][type=’button’]
第4个子元素	//ul[@id=’list’]/li[4]	ul#list li:nth-child(4)
第1个子元素	//ul[@id=’list’]/li[1]	ul#list li:first-child
最后1个子元素	//ul[@id=’list’]/li[last()]	ul#list li:last-child
属性包含某字段	//div[contains(@title,’Title’)]	div[title*=”Title”]
属性以某字段开头	//input[starts-with(@name,’user’)]	input[name^=”user”]
属性以某字段结尾	//input[ends-with(@name,’name’)]	input[name$=”name”]
text中包含某字段	//div[contains(text(), 'text')]	无法定位
元素有某属性	//div[@title]	div[title]
父节点	//div/..	无法定位
同级哥哥节点	//li/preceding-sibling::div[1]	无法定位

selenium+xpath 文本信息定位的更多相关文章

Selenium 获取文本信息方法+select（定位）
1.通过先定位到具体的元素然后通过text方法获取文本信息,如获取控件名称等 driver.find_element_by_xpath("//div[/h1").text 2.直接 ...
Selenium自动化中DOM，XPATH，CSS定位Web页面对象的优劣性分析
加速IE浏览器自动化执行效率:Selenium自动化中DOM,XPATH,CSS定位Web页面对象的优劣性分析 1.技术背景在Web应用中,用户通过键盘在输入框中输入值和鼠标点击按钮,链 ...
Selenium中如何使用xpath更快定位
在学习Selenium路上,踩了也不少坑,这是我最近才发现的一个新写法,好吧,"才发现"又说明我做其他事了.对的,我现在还在加班! 开车~~~ 例子:知乎网标签:Python3. ...
Selenium自动化 Xpath-元素定位
最近在教妹子做自动化测试,妹子基础差,于是想到很多初学自动化的朋友们学习的知识没有规范化,信息太过杂乱.所以,本文整理了一些自动化元素定位方式: 这次将讲Xpath定位! 什么是Xpath: Path ...
selenium获取文本
# 标题list_title = driver.find_elements_by_xpath('//*[@id="share-content"]/div/div[1]/ul/li/ ...
selenium自动化之元素定位方法
在使用selenium webdriver进行元素定位时,有8种基本元素定位方法(注意:并非只有8种,总共来说,有16种). 分别介绍如下: 1.name定位 (注意:必须确保name属性值在当前ht ...
Selenium 之18 种定位方式
1 id 定位 driver.find_element_by_id() HTML 规定id 属性在HTML 文档中必须是唯一的.这类似于公民的身份证号,具有很强的唯一性 from selenium i ...
Selenium系列4-元素定位
前言说起元素定位,一定是学习自动化测试绕不开的第一道关,无论是web端的UI自动化还是移动端的自动化,在需要首先对元素进行定位才可以完成对元素的操作已达成测试目的,在Selenium中,可以使用fi ...
章节十、1-用ID和XPath、name定位元素
一.在定位元素时需要HTML标签,HTML是超文本标记语言,我们打开web网页是看到的内容就是通过html语言来实现的,按键盘“F12”调用开发者选项后,“Elements”栏中显示的就是网页的HTM ...

随机推荐

vue+webpack2实现路由的懒加载
当打包构建应用时,Javascript 包会变得非常大,影响页面加载.如果我们能把不同路由对应的组件分割成不同的代码块,然后当路由被访问的时候才加载对应组件,这样就更加高效了. 结合 Vue 的异步组 ...
用httpclient做压力测试时Too many open files的解决办法
在工作过程中,用httpclient去压测一个web api,发现压一小段时间就出现了Too many open files.实际上,HttpClient建立Socket时 ,post.release ...
js 跨域之修改服务器配置-XAMPP-Apache （nginx 拉到最后！）
js高程第21章提到了ajax 跨域技术,方法有很多,如图: 我主要讲这个: 其实代码就是这样就好了,当然只兼容 IE9 及之后的版本 ,IE9 之前的版本请去原书看吧,Page 600 var xh ...
170417、Dubbo与Zookeeper、SpringMVC整合和使用（负载均衡、容错）
前言:互联网的发展,网站应用的规模不断扩大,常规的垂直应用架构已无法应对,分布式服务架构以及流动计算架构势在必行,Dubbo是一个分布式服务框架,在这种情况下诞生的.现在核心业务抽取出来,作为独立的服 ...
160613、MyBatis insert操作返回主键
在使用MyBatis做持久层时,insert语句默认是不返回记录的主键值,而是返回插入的记录条数:如果业务层需要得到记录的主键时,可以通过配置的方式来完成这个功能,针对Sequence主键而言,在执行 ...
前端开发 - JavaScript - 下
12.数组 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF ...
Preparing Olympiad---cf550B（DFS或者状态压缩模板）
比赛链接:http://codeforces.com/problemset/problem/550/B 给你n个数,选出来只是2个然后求他们的和在L和R的区间内,并且选出来的数中最大值和最小值的差不得 ...
Ubuntu 12.04安装Google Chrome（转）
下载google chrome deb包,下载地址:https://www.google.com/chrome/browser/desktop/index.html,google的网站被墙了,如果你下 ...
MySQL初始化设置
1 初始化数据: /usr/local/mysql/bin/mysqld --initialize-insecure --user=mysql --datadir=/opt/mysql/data -- ...
在django中实现支付宝支付(支付宝接口调用)
支付宝支付正式环境:用营业执照,申请商户号,appid 测试环境:沙箱环境:https://openhome.alipay.com/platform/appDaily.htm?tab=info 支付 ...