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

相关推荐
ZC跨境爬虫20 小时前
跟着 MDN 学 HTML day_9:(信件语义标记)
前端·css·笔记·ui·html
前端老石人20 小时前
HTML 字符引用完全指南
开发语言·前端·html
幼儿园技术家21 小时前
前端如何设计权限系统(RBAC / ABAC)?
前端
前端摸鱼匠1 天前
Vue 3 的v-bind合并行为:讲解v-bind与普通属性合并的规则
前端·javascript·vue.js·前端框架·ecmascript
REDcker1 天前
浏览器端Web程序性能分析与优化实战 DevTools指标与工程清单
开发语言·前端·javascript·vue·ecmascript·php·js
donecoding1 天前
一个 sudo 引发的血案:npm 全局包权限错乱彻底修复
前端·node.js·前端工程化
风骏时光牛马1 天前
Raku正则匹配与数据批量处理实操案例
前端
nbwenren1 天前
2026实测:Gemini 3 镜像站视觉能力实践——拍照原型图,一键生成 HTML+CSS 代码
前端·css·html
Lee川1 天前
Prisma 实战指南:像搭积木一样设计古诗词数据库
前端·数据库·后端