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 中大部分的元素定位需求,在实际使用时,可以根据具体的页面结构和定位要求灵活选择和组合使用 。

相关推荐
掘金安东尼17 小时前
纯 CSS 实现弹性文字效果
前端·css
牛奶18 小时前
Vue 基础理论 & API 使用
前端·vue.js·面试
牛奶18 小时前
Vue 底层原理 & 新特性
前端·vue.js·面试
anOnion18 小时前
构建无障碍组件之Radio group pattern
前端·html·交互设计
pe7er18 小时前
状态提升:前端开发中的状态管理的设计思想
前端·vue.js·react.js
SoaringHeart19 小时前
Flutter调试组件:打印任意组件尺寸位置信息 NRenderBox
前端·flutter
晚风予星20 小时前
Ant Design Token Lens 迎来了全面升级!支持在 .tsx 或 .ts 文件中直接使用 Design Token
前端·react.js·visual studio code
sunny_20 小时前
⚡️ vite-plugin-oxc:从 Babel 到 Oxc,我为 Vite 写了一个高性能编译插件
前端·webpack·架构
GIS之路20 小时前
ArcPy 开发环境搭建
前端
林小帅1 天前
【笔记】OpenClaw 架构浅析
前端·agent