Selenium动态元素定位

动态元素定位方法

一:使用CSS选择器

通过部分匹配操作符定位动态属性中的固定部分。*= (包含),^= (开头),$=(结尾)。

css 复制代码
/* 匹配id前缀为user_的元素 */
css=div[id^="user_"]

/* 匹配class包含item-box-的元素 */
css=div[class*="item-box-"]

/* 匹配href属性以.pdf结尾的元素 */
css=a[href$=".pdf"]

二:使用XPath表达式

利用XPath函数如contains()starts-with()substring()处理动态属性。

XML 复制代码
<!-- 匹配class包含dynamic-class的元素 -->
xpath=//div[contains(@class, 'dynamic-class')]

<!-- 匹配id前缀为search_的元素 -->
xpath=//input[starts-with(@id, 'search_')]

<!-- 匹配src属性以_img结尾的元素 -->
xpath=//img[substring(@src, string-length(@src)-3) = '_img']

三:组合定位策略

当动态元素缺乏固定特征时,通过相邻元素或上下文的固定属性进行定位。

示例:动态div下的固定文本标签

复制代码
<div class="dynamic-123">
  <span>用户名:</span>
  <input type="text" id="dynamic-input-456">
  <input type="text2" id="dynamic-input-789">
</div>

定位输入框

复制代码
xpath=//span[text()='用户名:']/following-sibling::input[2]

解释://span[text()='用户名:']:先定位到文本为 "用户名:" 的 <span> 元素
/following-sibling::input[2]:然后选取该 <span> 元素的第二个同级 <input> 元素

加油!你是最棒的!

相关推荐
BatyTao1 小时前
Selenium核心技巧:元素定位与等待策略
selenium·测试工具
天才测试猿5 小时前
制定测试计划和测试用例
自动化测试·软件测试·python·功能测试·测试工具·职场和发展·测试用例
源代码•宸9 小时前
网络流量分析——使用Wireshark进行分析
网络·经验分享·测试工具·wireshark
公众号:重生之成为赛博女保安1 天前
一款基于selenium的前端验证码绕过爆破工具
前端·selenium·测试工具
源代码•宸1 天前
网络流量分析——熟悉Wireshark
网络·经验分享·测试工具·wireshark
晨曦5432101 天前
Selenium 4 文件上传和下载操作指南
selenium·测试工具
晨曦5432101 天前
Selenium 实战项目:电子商务网站自动化测试
selenium·测试工具
币圈小菜鸟1 天前
Selenium 自动化测试实战:绕过登录直接获取 Cookie
linux·python·selenium·测试工具·ubuntu·自动化
AIZHINAN1 天前
Pytest 插件介绍和开发
测试工具·pytest·插件开发