元素定位教学 · Class 属性定位

系统学习 By.CLASS_NAME 的核心语法、实操示例与最佳实践

首页 定位导航

By.CLASS_NAME 定位导读

By.CLASS_NAME 是 Selenium 元素定位的重要方式,通过元素的相关属性或特征进行精准定位。本页面提供完整的语法说明、代码示例和可交互的实操练习区域。

By.CLASS_NAME 快速入门
掌握核心语法与定位策略
语法示例
find_element / find_elements 用法
实操练习
交互式练习区实时反馈
By.CLASS_NAME

③ Class 属性定位

通过 class 属性定位(一组元素通常共用同一 class)
定位语法:
单个元素 (find_element)
driver.find_element(By.CLASS_NAME, "card-item")(匹配第一个class属性为card-item的元素)
driver.find_element(By.CLASS_NAME, "primary-btn")(匹配第一个class属性为primary-btn的元素)
多个元素 (find_elements)
driver.find_elements(By.CLASS_NAME, "card-item")(获取所有class属性为card-item的元素)
driver.find_elements(By.CLASS_NAME, "badge")(获取所有class属性为badge的元素)
注意:CLASS_NAME 只能传单个 class 名称,不能有空格。多 class 元素需用 CSS_SELECTOR。
实操练习:By.CLASS_NAME → 查看 Selenium 代码与执行结果

练习区 以下元素带有 demo- 前缀 class,与下方 demo-box 的 card-item / input-text / action-btn 完全隔离。

Python 入门
class=demo-item-card
Web 自动化
class=demo-item-card
接口测试
class=demo-item-card
Python 入门
class="card-item"
Web 自动化
class="card-item"
接口测试
class="card-item"
性能测试
class="card-item"
定位后操作效果展示区域
本区域用于展示:使用 Selenium / JS 定位到上方元素后,执行「点击 / 输入 / 提交」等操作的真实反馈结果。