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 ...

随机推荐

switch语句相关
Cannot switch on a value of type long. Only convertible int values, strings or enum variables are pe ...
Oracle正式发布VirtualBox 5.0.22版本
甲骨文(Oracle)正式发布了VirtualBox 5.0.22版本,该开源和跨平台虚拟化软件的最新维护版本已经面向所有支持平台开放,引入了诸多新特性和功能改善推荐用户尽早完成升级.新版本在Linu ...
HTML-网页常见错误
400 请求出错由于语法格式有误,服务器无法理解此请求.不作修改,客户程序就无法重复此请求. HTTP 错误 401 401.1 未授权:登录失败此错误表明传输给服务器的证书与登录服务器所 ...
java中计算时间差
Calendar cale = null; SimpleDateFormat format = new SimpleDateFormat("yyyy-MM-dd HH:mm:ss" ...
PHP 开发环境的搭建和使用02--整合让apache处理php
PHP5.3.5直接下载解压即可.但是怎样才能让apache处理php呢? 1/ 在apache 的conf目录下的 httpd.conf(用于指定apache的设置)加入如下代码: Load ...
简单的纯css重置input单选多选按钮的样式--利用伪类
由于input单选多选的原生样式通常都不符合需求,所以在实现功能时通常都需要美化按钮 html <input type="radio" /> <input typ ...
第一个MapReduce的例子
第一个MapReduce的例子 Hadoop Guide的第一个MapReduce的例子是处理气象数据的(数据来源ncdc),终于跑通了.总结一下步骤,安装hadoop不在本文中介绍 1 数据预处理 ...
使用response来控制浏览器的缓存
缓存这个技术在我们实际的开发中是非常常用的,也是非常重要的一项技术.主要用于客户端(浏览器)向服务器端请求的是一些比较大的数据,并且这个数据在短时间内不会经常发生变化的情况,比如一些网站的logo图片 ...
xpath-grab english name
from scrapy.spider import Spider from scrapy.crawler import CrawlerProcess import pymysql conn = pym ...
第六周小组作业软件测试与评估：百词斩VS扇贝单词
被测产品说明: A:百词斩 B:扇贝单词一.基本任务 1.测试进度表 | 项目 | 内容说明 | 预估耗时(分钟) | 实际耗时 (分钟) | | -------------- | -------- ...