Selenium-Java版（操作元素）

选择和操控元素的基本方法

前言

选择元素

选择元素的方法

[根据 id属性选择元素](#根据 id属性选择元素)

根据class属性选择元素

根据tag名选择元素

通过WebElement对象选择元素

示例

等待界面元素出现

原因

解决

操控元素

点击元素

输入框

获取元素信息

获取元素文本内容

获取元素属性

获取整个元素对应的HTML

获取输入框里面的文字

---

前言

参考教程：Python + Selenium Web自动化 2024版 - 自动化测试 爬虫_哔哩哔哩_bilibili

上期文章：Selenium-Java版（环境安装）-CSDN博客

选择元素

选择元素的方法

1.打开开发者工具，选择元素标签

2.点击左上角小箭头

根据 id属性选择元素

根据id选择元素是最简单高效的方式

运行代码

import org.openqa.selenium.By;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.WebElement;
import org.openqa.selenium.edge.EdgeDriver;

import java.util.Scanner;

public class Main {
    public static void main(String[] args) {
        // 创建WebDriver对象
        WebDriver wd = new EdgeDriver();

        // 调用get方法打开指定网址
        wd.get("https://www.byhy.net/cdn2/files/selenium/stock1.html");

        // 根据id选择元素，返回的就是该元素对应的WebElement对象
        WebElement element = wd.findElement(By.id("kw"));

        // 通过该 WebElement对象，就可以对页面元素进行操作了
        // 比如输入字符串到这个输入框里
        element.sendKeys("通讯\n");

        // 创建Scanner对象等待用户输入
        Scanner scanner = new Scanner(System.in);
        System.out.println("等待回车键结束程序");
        scanner.next();

        // 关闭浏览器
        wd.quit();
    }
}

根据class属性选择元素

获取所有class属性值为animal的元素对应的WebElement对象，放在一个列表里

        List<WebElement> elements = wd.findElements(By.className("animal"));

这里的findElements方法不能少了最后一个s，否则只能返回第一个元素的对象

运行代码

import org.openqa.selenium.By;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.WebElement;
import org.openqa.selenium.edge.EdgeDriver;

import java.util.List;
import java.util.Scanner;

public class Main {
    public static void main(String[] args) {
        // 创建WebDriver对象
        WebDriver wd = new EdgeDriver();

        // 调用get方法打开指定网址
        wd.get("https://www.byhy.net/cdn2/files/selenium/sample1.html");

        // 根据 class name 选择元素，返回的是一个列表
        // 里面都是class 属性值为 animal的元素对应的 WebElement对象
        List<WebElement> elements = wd.findElements(By.className("animal"));

        // 取出列表中的每个 WebElement对象，打印出其text属性的值
        // text属性就是该 WebElement对象对应的元素在网页中的文本内容
        for (WebElement element : elements) {
            System.out.println(element.getText());
        }

        // 创建Scanner对象等待用户输入
        Scanner scanner = new Scanner(System.in);
        System.out.println("等待回车键结束程序");
        scanner.next();

        // 关闭浏览器
        wd.quit();
    }
}

输出元素

一个元素可以有多个class 类型，用空格分开

<div class="plant big">

        <span>土豆</span>

</div> 

只能指定任意一个class 属性值来选择元素

wd.findElements(By.className("plant"));

或

wd.findElements(By.className("big"));

而不能

wd.findElements(By.className("animal big"));

根据tag名选择元素

通过指定参数为By.tagName，选择所有的tag名为span的元素

List<WebElement> elements = wd.findElements(By.tagName("span"));

运行结果

通过WebElement对象选择元素

WebDriver对象选择元素的范围是整个 web页面

WebElement对象选择元素的范围是该元素的内部

示例

在id为container的元素里面找到tag名为span的元素

运行代码

import org.openqa.selenium.By;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.WebElement;
import org.openqa.selenium.edge.EdgeDriver;

import java.util.List;
import java.util.Scanner;

public class Main {
    public static void main(String[] args) {
        // 创建WebDriver对象
        WebDriver wd = new EdgeDriver();

        // 调用get方法打开指定网址
        wd.get("https://www.byhy.net/cdn2/files/selenium/sample1.html");

        // 根据ID选择元素，限制选择范围是id为'container'的元素内部
        WebElement element = wd.findElement(By.id("container"));

        // 查找id为'container'内部的所有span元素
        List<WebElement> spans = element.findElements(By.tagName("span"));

        // 遍历spans列表并打印每个span的文本内容
        for (WebElement span : spans) {
            System.out.println(span.getText());
        }

        // 创建Scanner对象等待用户输入
        Scanner scanner = new Scanner(System.in);
        System.out.println("等待回车键结束程序");
        scanner.next();

        // 关闭浏览器
        wd.quit();
    }
}

输出结果

等待界面元素出现

运行代码

import org.openqa.selenium.By;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.WebElement;
import org.openqa.selenium.edge.EdgeDriver;

import java.util.List;
import java.util.Scanner;

public class Main {
    public static void main(String[] args) {
        // 创建WebDriver对象
        WebDriver wd = new EdgeDriver();

        // 调用get方法打开指定网址
        wd.get("https://www.byhy.net/cdn2/files/selenium/stock1.html");

        // 根据ID选择元素
        WebElement element = wd.findElement(By.id("kw"));

        // 向该元素发送文本 '通讯' 并按下回车键
        element.sendKeys("通讯\n");

        // 返回页面ID为'1'的元素
        WebElement elementWithId1 = wd.findElement(By.id("1"));

        // 打印该元素的文字内容
        System.out.println(elementWithId1.getText());

        // 创建Scanner对象等待用户输入
        Scanner scanner = new Scanner(System.in);
        System.out.println("等待回车键结束程序");
        scanner.next();

        // 关闭浏览器
        wd.quit();
    }
}

此时打开了网站，并和预期结果一致，查询了"通信"

但程序会报错，没有打印id为1的元素的文字内容

原因

代码的执行速度比网站的响应速度快很多，代码在执行如下代码时：

WebElement elementWithId1 = wd.findElement(By.id("1"));

网站还没有返回查询结果，所以代码执行时找不到id为1的元素，因此报错

解决

创建WebDriver对象后，加入这行代码 ,调用隐式等待方法

wd.manage().timeouts().implicitlyWait(Duration.ofSeconds(10));

当找不到元素时，不立马报错。

而是每隔半秒钟重新寻找该元素，直到找到为止，

如果超出指定最大等待时长（这里是10秒），才会报错。

运行代码

import org.openqa.selenium.By;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.WebElement;
import org.openqa.selenium.edge.EdgeDriver;

import java.time.Duration;
import java.util.Scanner;

public class Main {
    public static void main(String[] args) {
        // 创建WebDriver对象
        WebDriver wd = new EdgeDriver();
        wd.manage().timeouts().implicitlyWait(Duration.ofSeconds(10));

        // 调用get方法打开指定网址
        wd.get("https://www.byhy.net/cdn2/files/selenium/stock1.html");

        // 根据ID选择元素
        WebElement element = wd.findElement(By.id("kw"));

        // 向该元素发送文本 '通讯' 并按下回车键
        element.sendKeys("通讯\n");

        // 返回页面ID为'1'的元素
        WebElement elementWithId1 = wd.findElement(By.id("1"));

        // 打印该元素的文字内容
        System.out.println(elementWithId1.getText());

        // 创建Scanner对象等待用户输入
        Scanner scanner = new Scanner(System.in);
        System.out.println("等待回车键结束程序");
        scanner.next();

        // 关闭浏览器
        wd.quit();
    }
}

输出结果

也可以在查询后执行如下这条代码，让程序休息一秒等浏览器访问，再找元素。

Thread.sleep(1000);

操控元素

点击元素

WebElement element=wd.findElement(By.id("go"));
element.click();

输入框

网站的初始界面

运行代码

import org.openqa.selenium.By;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.WebElement;
import org.openqa.selenium.edge.EdgeDriver;

import java.time.Duration;
import java.util.Scanner;

public class Main {
    public static void main(String[] args) {
        // 创建WebDriver对象
        WebDriver wd = new EdgeDriver();
        wd.manage().timeouts().implicitlyWait(Duration.ofSeconds(10));

        // 调用get方法打开指定网址
        wd.get("https://www.byhy.net/cdn2/files/selenium/test3.html");

        // 查找元素
        WebElement element = wd.findElement(By.id("input1"));

        // 清除输入框已有的字符串
        element.clear();

        // 输入新字符串
        element.sendKeys("张三");

        // 创建Scanner对象等待用户输入
        Scanner scanner = new Scanner(System.in);
        System.out.println("等待回车键结束程序");
        scanner.next();

        // 关闭浏览器
        wd.quit();
    }
}

clear方法可以把输入框中已有内容清除

自动打开网站的界面

获取元素信息

获取元素文本内容

getText

 // 查找元素
WebElement element = wd.findElement(By.id("animal"));

// 打印元素的文本
System.out.println(element.getText());

如果获取文本内容出错，可以试一下这两个方法

        // 获取并打印元素的innerText属性
        String innerText = element.getAttribute("innerText");
        System.out.println(innerText);

        // 获取并打印元素的textContent属性
        String textContent = element.getAttribute("textContent");
        System.out.println(textContent);

获取元素属性

getAttribute

// 查找元素
WebElement element = wd.findElement(By.id("input_name"));

// 获取并打印元素的class属性
System.out.println(element.getAttribute("class"));

获取整个元素对应的HTML

获取整个元素对应的HTML文本内容

// 获取并打印元素的outerHTML属性
String outerHTML = element.getAttribute("outerHTML");
System.out.println(outerHTML);

获取元素**内部**的HTML文本内容

// 获取并打印元素的innerHTML属性
String innerHTML = element.getAttribute("innerHTML");
System.out.println(innerHTML);

获取输入框里面的文字

获取输入框里面的文字内容不能用getText，要用getArrtibute("value")

// 查找元素
WebElement element = wd.findElement(By.id("input1"));

// 获取并打印输入框中的文本
String value = element.getAttribute("value");
System.out.println(value);