前戏
前面介绍过了七种定位方式，今天来介绍最后一种，也是最强大，本人最常用的定位方式xpath
Xpath 即为 xml 路径语言，它是一种用来确定 xml 文档中某部分位置的语言。Xpath 基于 xml 的树状结构，提供在数据结构树中找寻节点的能力，html 也属于 xml
先来看一个简单的xpath定位
from selenium import webdriver from time import sleep driver = webdriver.Chrome() driver.get('http://www.baidu.com') sleep(3) driver.find_element_by_xpath('//*[@id="kw"]').send_keys('selenium') # //表示当前页面,@id="kw" 表示id为kw了 sleep(2) driver.find_element_by_xpath('//*[@id="su"]').click() sleep(2) driver.quit()
看起来是不是比较麻烦，为什么不通过id直接定位，因为在前端网页开发中，不是每个元素都有id属性的，或者id值是动态变化的。不能直接通过id定位，就要用到xpath定位了
被测网页HTML代码如下：
XPath绝对路径定位
查找第一个div标签下的“查询”按钮
driver.find_element_by_xpath('/html/body/div/inpu[@value="查询"]')
XPath相对路径定位
查找第一个div标签下的“查询”按钮
driver.find_element_by_xpath('//input[@value="查询"]')
//表示从匹配选择的当前节点开始选择文档中的节点，定位到value值为查询的input页面，使用@表明后面接的是属性
使用索引号定位元素
查找第一个div标签下的“查询”按钮
driver.find_element_by_xpath('//input[2]')
定位到第二个input标签，从1开始
使用页面元素的属性值定位元素
定位被测试网页中的第一张img元素
//img[@href='http://www.baidu.com'] //input[@type='button']
使用模糊属性值定位元素
页面上某些元素的属性值是动态生成的，也就是说每次访问的属性值都不一样，使用模糊属性值可以解决一部分此类问题，前提是属性中有一部分内容保持不变
查找属性alt的属性值以“div1”关键字开始的页面元素
//img[starts-with(@alt,'div1')]
查找alt属性的属性值包含“img”关键字的页面元素，只要包含即可，无须考虑位置
//img[contains(@alt,'img')]
实例：
上面页面中id值中后面的数字是动态变化的
fr = driver.find_element_by_xpath("//iframe[contains(@id,'x-URS-iframe')]") driver.switch_to.frame(fr)
使用XPath轴（Axes）定位元素
先找到一个相对好定位的元素，让他作为轴，根据他和要定位的相对位置关系进行定位
| XPath轴关键字 | 轴的含义说明 | 定位表达式实例 | 表达式解释 |
| parent | 选择当前节点的上层父节点 | //img[@alt='div2-img2']/parent::div |
查找到属性alt的属性值为div2-img2的img元素并 基于该img元素的位置找到他上一级的div元素 |
| child | 选择当前节点的下层所有 子节点 |
//div[@id='div1']/child::img |
查找到id属性值为div1的div元素，并基于该div 元素的位置找到他下层节点中的img元素 |
| ancestor | 选择当前节点所有上层的节点 | //img[@alt='div2-img2']/ancestor::div |
查找到属性alt的属性值为div2-img2的img元素 并基于该img元素的位置找到他上一级的div元素 |
| descendant | 选择当前节点所有下层的节点 （子，孙等） |
//div[@name='div2']descendant::img |
查找到属性name的属性值为div2的div元素并基于该元素的 位置找到他下级所有节点中的img页面元素 |
| following | 选择在当前节点之后显示的 所有节点 |
//div[@id='div1']/following::img |
查找到id属性值为div1的div元素，并基于该div 元素的位置找到他后面节点中的img元素 |
| following-sibling | 选择当前节点后续所有 兄弟节点 |
//a[@href='http://www.sogou.com']/following-sibling::input |
查找到链接地址为http://www.sogou.com的链接页面元素a， 并基于链接的位置找到它后续兄弟节点中的input页面元素 |
| preceding | 选择当前节点前面的所有节点 | //img[@alt='div2-img2']/preceding::div |
查找到属性alt的属性值为div2-img2的图片元素img， 并基于该图片元素的位置找到他前面节点中的div页面元素 |
| preceding-sibling | 选择当前节点前面的所有 兄弟节点 |
//input[@value='查询']/preceding-sibling::a[1] |
查找到value属性值为“查询”的输入框页面元素 ，并基于该输入框的位置找到它前面同级节点中 的第一个链接元素 |
有时候我们会在轴后面加一个星号（*），表示通配符，比如//input[@value='查询']/preceding-sibling::*，它表示查找属性value的值为“查询”的输入框input元素前面所有的同级元素，但不包括input元素本身
使用页面元素的文本定位元素
通过text()函数可以定位到元素文本包含某些关键字的页面元素
(1) //a[text()='搜狗搜索'] (2) //a[.='搜狗搜索'] (3) //a[contain(.,"百度")] (4) //a[contain(text(),"百度")] (5) //a[contain(text(),"百度")]/preceding::div (6) //a[contain(.,"百度")]/..
pytho定位语句
driver.find_element_by_xpath("//a[text()='搜狗搜索']") driver.find_element_by_xpath('//a[contain(text(),"百度")]/preceding::div')
表达式1和表达式2等价，都是查找文本内容为“搜狗搜索”的链接页面元素，使用的是精准定位，不能多也不能少
表达式3和表达式4等价，都是查找文本内容里包含“百度”关键字的链接页面，使用的是模糊匹配
表达式5和表达式6等价，都是查找文本内容里包含“百度”关键字的链接页面元素a的上层父元素div，表达式6最后使用了两个点，它表示选取当前节点的父节点，等价于preceding::div
xpath定位实例
实例一
先定位到name='wd'的标签上，..返回父级标签，也就是span标签，在找到span标签的a标签
实例二
//*[contains(@id,"cjm_dialog")]/div/div[2]/button[1]/span
实例三
//div[@class="hidden-columns"]/following-sibling::div[4]/div/table/tbody/tr[1]/td[12]/div/button[5]/span
实例四
//span[@class='el-input__suffix']/preceding-sibling::input[1]
实例五
//div[text()="溯源节点"]/../div/button/span/i
实例六
//label[text()="选项名称"]/following::div/div/input
实例七
//label[contains(text(),"单选1")]/following-sibling::div/div/div/input
实例八
//span[text()="所属机构"]/../following-sibling::div/span/input
