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

时间：2024-03-29 13:27:37

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

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

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

总之，查找元素，是最关键的步骤之一。
本文，我们将系统的介绍使用 Selenium 定位页面元素的常用方式。

1. 一个元素

说到定位之前，我们先介绍WebDriver 查找元素的两个通用方法。
有些元素，页面中只有一个，比如某个id的元素（原则上id不能重复）。

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

WebElement nameEle = driver.findElement(By.id("fname"));

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

2. 多个元素

返回的是 WebElement 列表。

List<WebElement> eles = driver.findElements(By.tagName("input"));

3. 通过id查找元素

介绍完两个find方法，我们接下来就看看它的参数。
最常用是通过ID定位元素。
在这里插入图片描述

WebElement nameEle = driver.findElement(By.id("su"));

4. 通过name查找元素

在表单中，我们的元素通常有name属性，我们也可以通过它定位元素.
在这里插入图片描述

WebElement nameEle = driver.findElement(By.name("fname"));

5. 通过class查找元素

某些情况下，我们要定位的元素没有 id，也没有 name，这是在做爬虫时是很常见的情况！这时我们可以通过class 定位。
在这里插入图片描述

List<WebElement> eleList = driver.findElements(By.className("w3-button"));

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

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

6. 通过标签查找元素

因为我们定位的是元素，元素都是标签，那自然html tag也是很重要的定位方式。
在这里插入图片描述

List<WebElement> elementList = driver.findElements(By.tagName("input"));

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

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

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

相关文章