xpath定位方法
Posted aiyumo
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了xpath定位方法相关的知识,希望对你有一定的参考价值。
xpath方法
绝对路径表示法:
从根节点(html)开始,路径分割符是/(斜杠,类似于linux中路径分割符)
如:/html/body/div/span
表示对应路径下的span元素
相对路径表示法:
以//开头后面加元素名称, 用法类似于css中的后代选择器,可以把//对应css中空格
如://span
表示html文档下所有的span元素
如://div//span
表示方法类似于CSS中的 div span
属性选择器:
//*[@属性] 表示选择具有某个属性的元素
//*[@属性=”属性值“] 表示选择具有某个属性值的元素,属性值必须加引号(单引号双引号都可以)
//*[@style] 选择所有具有style属性的元素
//p[@spec=‘len2‘] 选择所有具有spec 值为 len2 的元素
Tips:在xpath中没有表示id和class的特殊方法,id 、class 也是属性
根据部分属性选择元素的方法:
//*[contains(@属性,”value“)] 表示属性包含value 例子//*[contains(@id,‘food‘)]
//*[starts-with(@属性,”value“)] 表示属性以value开头 例子://*[starts-with(@id,‘choose_‘)]
//a[ends-with(@href,‘51job.com‘)] 表示属性href以51job.com结尾(目前浏览器还不支持这种表示方法)
使用text()函数匹配元素文本://a[text()="高级搜索"]
子元素选择器:
1、通过下标方式获取,下标从1开始
("//*[@id=‘food‘]/p[1]") # 获取id为food下p元素中的第一个
("//*[@id=‘food‘]/*[1]") # 获取id为food下所有元素中的第一个
2、倒数索引:
使用last()可以计数,代表最大数量
//*[@id=‘food‘]/span[last()] 获取id为food下span元素中的最后一个
//*[@id=‘food‘]/span[last()-1] 获取id为food下span元素中的倒数第二个
//*[@id=‘food‘]/*[last()] 获取id为food下所有元素中的倒数第一个
3、position()用法:
//*[@id=‘food‘]/p[position()=1] 获取id为food下p元素中的第一个
//*[@id=‘food‘]/*[position()=2] 获取id为food下所有元素中的第二个
//*[@id=‘food‘]/*[position()=last()] 获取id为food下所有元素中的最后一个
组选择器:xpath中 用竖线来隔开 //p | //button 等价于css中的 p, button
相邻兄弟选择器:
向后查找
获取id为food下第一个span元素的相邻span元素,可以是多个,指定下标为1,最近的一个 last()最远的一个
//*[@id=‘food‘]/span[1]/following-sibling::span
向前查找
//*[@id=‘food‘]/preceding-sibling::div[1] 指定下标1代表离的最近
父元素选择器:
使用场景:通常你想定位的元素没有特征,只有他的子节点有id这种特征
<select id="choose_car">
<option value="volvo">沃尔沃</option>
<option value="corolla">卡罗拉</option>
<option value="fiat">菲亚特</option>
<option value="audi">奥迪</option>
</select>
//*[@value=‘volvo‘]/.. 定位到属性value的值为volvo的父元素也就是id="choose_car">的select
然后依次类推,还可以获取父元素的父元素
相对定位法:
food = driver.find_element_by_id("food")
vegetable = food.find_element_by_xpath(‘./p[2]‘)
如果我想获取的是food这个元素范围内的呢,大家就要在这个表达式前面加一个点,这个点表示在当前的元素范围内。
例子:
<div id="food" style="margin-top:10px">
<span class="vegetable good">黄瓜</span>所有元素第一个
<span class="meat">牛肉</span>
<p class="vegetable">黄瓜pp</p> p元素第一个
<p class="vegetable">青菜</p>
</div>
driver = webdriver.Chrome() driver.get(‘file:///C:/Users/Administrator/Desktop/lesson_code/autoUI_selenium/lesson05/s1.html‘) # 获取id为food下p元素中的第一个 ele = driver.find_element_by_xpath("//*[@id=‘food‘]/p[1]") print(ele.text) #黄瓜pp # 获取id为food下所有元素中的第一个 ele2 = driver.find_element_by_xpath("//*[@id=‘food‘]/*[1]") print(ele2.text) #黄瓜 # 获取id为food下span元素中的最后一个 ele3 = driver.find_element_by_xpath("//*[@id=‘food‘]/span[last()]") print(ele3.text) #牛肉 # 获取id为food下span元素中的倒数第二个 ele4 = driver.find_element_by_xpath("//*[@id=‘food‘]/span[last()-1]") print(ele4.text) #黄瓜 # 获取id为food下所有元素中的倒数第一个 ele5 = driver.find_element_by_xpath("//*[@id=‘food‘]/*[last()]") print(ele5.text) #青菜 # 获取id为food下p元素中的第一个 ele6 = driver.find_element_by_xpath("//*[@id=‘food‘]/p[position()=1]") print(ele6.text) #黄瓜pp # 获取id为food下所有元素中的第二个 ele7 = driver.find_element_by_xpath("//*[@id=‘food‘]/*[position()=2]") print(ele7.text) #牛肉 # 获取id为food下所有元素中的最后一个 ele8 = driver.find_element_by_xpath("//*[@id=‘food‘]/*[position()=last()]") print(ele8.text) #青菜 # 获取id为food下第一个span元素的相邻span元素,可以是多个,指定下标为1,最近的一个 last()最远的一个 ele9 = driver.find_element_by_xpath("//*[@id=‘food‘]/span[1]/following-sibling::span[1]") print(ele9.text) #牛肉 food = driver.find_element_by_id("food") vegetable = food.find_element_by_xpath(‘./p[2]‘) print(vegetable.text) #青菜 driver.quit()
以上是关于xpath定位方法的主要内容,如果未能解决你的问题,请参考以下文章