Selenium 自动化 —— 定位页面元素

更多内容请关注我的 Selenium 自动化 专栏:

  1. 入门和 Hello World 实例
  2. 使用WebDriverManager自动下载驱动
  3. Selenium IDE录制、回放、导出Java源码
  4. 浏览器窗口操作
  5. 切换浏览器窗口

使用 Selenium 做自动化,我们不仅仅是打开一个网页,这只是万里长城的第一步,最重要的是,我们需要查找页面的元素,比如找到搜索框,找到提交按钮等等,后续输入文本,点击提交按钮。

总之,查找元素,是最关键的步骤之一。

本文,我们将系统的介绍使用 Selenium 定位页面元素的常用方式。

1. 一个元素

说到定位之前,我们先介绍WebDriver 查找元素的两个通用方法。

有些元素,页面中只有一个,比如某个id的元素(原则上id不能重复)。

第一个方法是查找只有一个元素的方法,返回的是一个元素对象 WebElement:

java 复制代码
WebElement nameEle = driver.findElement(By.id("fname"));

暂时忽略 findElement() 的参数,稍后我们会重点介绍。

2. 多个元素

返回的是 WebElement 列表。

java 复制代码
List<WebElement> eles = driver.findElements(By.tagName("input"));

3. 通过id查找元素

介绍完两个find方法,我们接下来就看看它的参数。

最常用是通过ID定位元素。

java 复制代码
WebElement nameEle = driver.findElement(By.id("su"));

4. 通过name查找元素

在表单中,我们的元素通常有name属性,我们也可以通过它定位元素.

java 复制代码
WebElement nameEle = driver.findElement(By.name("fname"));

5. 通过class查找元素

某些情况下,我们要定位的元素没有 id,也没有 name,这是在做爬虫时是很常见的情况!这时我们可以通过class 定位。

java 复制代码
List<WebElement> eleList = driver.findElements(By.className("w3-button"));

但是特别注意:尽量不要使用class定位元素,因为class是样式,网站的样式随时都可能会变的。

当然你会说id或name也可能会变,但是概率比class小很多!

6. 通过标签查找元素

因为我们定位的是元素,元素都是标签,那自然html tag也是很重要的定位方式。

java 复制代码
List<WebElement> elementList = driver.findElements(By.tagName("input"));

到这里,我们介绍了最常用的元素定位的方法,通过这些方法,我们可以找到某些元素,或者做一些操作。

但是这些太过简单,下一篇文章,我会介绍更强大的XPath定位元素的方法,它不仅可以实现本文介绍的几种方法,还有更多、更强、更灵活的元素定位方法。

关注CSDN - 兰亭序咖啡,和我一起学习探讨 Selenium 自动化和其它技术。

相关推荐
我的xiaodoujiao5 小时前
API 接口自动化测试详细图文教程学习系列2--相关Python基础知识
python·学习·测试工具·pytest
Wpa.wk6 小时前
Selenium自动化 - headless无头浏览器配置 + Capability配置
selenium·测试工具·自动化
AI精钢7 小时前
OpenClaw Dashboard 更新头像踩坑记:从 broken data URL 到本地文件 Avatar
自动化·dashboard·avatar·openclaw·control ui
Shaidou_Data7 小时前
数据要素自动化实践:沙淘金数据清洗与治理技术方案详解
运维·自动化
秃头摸鱼侠8 小时前
OpenClaw + MCP 实战:从 0 搭建可复用自动化工作流
运维·自动化
IT研究所8 小时前
从工单到智能分析:AIGC运维助手应用价值
大数据·运维·数据库·人工智能·科技·低代码·自动化
SuniaWang8 小时前
Docker Compose 容器管理与自动化部署进阶指南
docker·容器·自动化
爱凤的小光8 小时前
Wireshark长时间循环抓包操作说明
网络·测试工具·wireshark
taxunjishu8 小时前
汇川PLC与RS422设备跨协议通讯方案——新能源储能电池PACK生产线案例
物联网·自动化