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

相关推荐
37方寸13 小时前
前端基础知识(Node.js)
前端·node.js
@zulnger13 小时前
selenium 自动化测试工具实战项目(窗口切换)
selenium·测试工具·自动化
powerfulhell14 小时前
寒假python作业5
java·前端·python
木子啊14 小时前
前端组件化:模板继承拯救发际线
前端
三十_A14 小时前
零基础通过 Vue 3 实现前端视频录制 —— 从原理到实战
前端·vue.js·音视频
前端小菜袅14 小时前
PC端原样显示移动端页面方案
开发语言·前端·javascript·postcss·px-to-viewport·移动端适配pc端
We་ct14 小时前
LeetCode 228. 汇总区间:解题思路+代码详解
前端·算法·leetcode·typescript
爱问问题的小李14 小时前
ue 动态 Key 导致组件无限重置与 API 重复提交
前端·javascript·vue.js
子兮曰14 小时前
深入Vue 3响应式系统:为什么嵌套对象修改后界面不更新?
前端·javascript·vue.js
CHU72903514 小时前
直播商城APP前端功能全景解析:打造沉浸式互动购物新体验
java·前端·小程序