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 自动化和其它技术。