selenium 常用xpath写法

以下使用豆包生成,只做记录

在 Selenium 中,XPath 是一种非常强大且常用的元素定位方式,以下是一些常用的 XPath 写法及示例:

基本定位

  1. 根据标签名定位 查找页面中所有的 <input> 标签。

xpath

复制代码
//input

这里 // 表示在整个文档中查找,不考虑元素的层级关系,input 是标签名。

  1. 根据属性定位 查找 id 属性为 username 的元素。

xpath

复制代码
//*[@id='username']

* 表示匹配任意标签,@id='username' 表示筛选出 id 属性值为 username 的元素。

文本定位

  1. 精确匹配文本 查找文本内容为 "登录" 的 <a> 标签。

xpath

复制代码
//a[text()='登录']

text() 函数用于获取元素的文本内容,该表达式表示筛选出文本内容恰好为 "登录" 的 <a> 标签。

  1. 模糊匹配文本 查找文本内容包含 "搜索" 的 <div> 标签。

xpath

复制代码
//div[contains(text(), '搜索')]

contains() 函数用于判断元素文本是否包含指定内容,这在文本内容不完全确定,只知道部分关键字时非常有用。

层级定位

  1. 父子层级定位 假设页面结构为 <div class="parent"><span class="child">目标元素</span></div>,要定位到 <span> 元素。

xpath

复制代码
//div[@class='parent']/span[@class='child']

这里 / 表示直接子元素关系,先找到 classparent<div> 元素,再从它的直接子元素中找到 classchild<span> 元素。

  1. 祖先 - 后代层级定位 假设页面结构为 <div class="ancestor"><p><span class="target">目标元素</span></p></div>,要定位到 <span> 元素。

xpath

复制代码
//div[@class='ancestor']//span[@class='target']

这里 // 表示后代元素关系,即先找到 classancestor<div> 元素,然后在它的所有后代元素中找到 classtarget<span> 元素。

逻辑运算定位

  1. 与运算 查找 idpasswordtypepassword<input> 元素。

xpath

复制代码
//input[@id='password' and @type='password']

and 用于连接多个条件,只有同时满足所有条件的元素才会被匹配到。

  1. 或运算 查找 classbtn-login 或者 classbtn-signup 的元素。

xpath

复制代码
//*[@class='btn-login' or @class='btn-signup']

or 表示只要满足其中一个条件的元素就会被匹配到。

轴定位

  1. 兄弟节点定位 假设页面结构为 <div><p id="target">目标元素</p><span>后续兄弟元素</span></div>,要定位到 p 元素后面的第一个兄弟元素 <span>

xpath

复制代码
//p[@id='target']/following-sibling::span[1]

following-sibling 轴表示选取当前节点之后的所有兄弟节点,[1] 表示选取第一个。

这些常用的 XPath 写法基本能满足 Selenium 中大部分的元素定位需求,在实际使用时,可以根据具体的页面结构和定位要求灵活选择和组合使用 。

相关推荐
只与明月听23 分钟前
LangChain 学习-掌握LangChain Core API
前端·人工智能·后端
Listen·Rain27 分钟前
Vue3中customRef详解
前端·javascript·vue.js
小粉粉hhh1 小时前
React(三)——Redux
前端·javascript·react.js
易知微EasyV数据可视化2 小时前
定制化3D组件开发:打造差异化孪生体验
前端·人工智能·经验分享·数字孪生
前端炒粉2 小时前
Vue2 SSE 流式对话完整前端代码
前端·sse·流式输出
BIM云平台开发3 小时前
【App.vue里跟踪页面跳转和用户ID】
开发语言·前端·javascript
汪汪大队u3 小时前
Zabbix 6.0 部署踩坑记:从启动失败到 Web 成功访问
前端·zabbix
顺颂时绥_13 小时前
new Set 过滤数据实战
前端
赵大仁3 小时前
Next.js + Vercel AI SDK 实战:30 分钟搭出流式 Chat 页面
前端·ai·实战·react·next.js·vercel
云空4 小时前
《Three.js 完整版3D魔方:带贴纸+中心固定+自动求解复原》
前端·javascript·3d·three.js