章节十一、9-操作隐藏元素

一、显示隐藏的元素

在使用selenium进行自动化时，可能会遇到隐藏的元素，列如下图中，我们点击“隐藏按钮”，输入框就会被隐藏，点击“显示按钮”，输入框就会显示出来.

         

输入框在显示和隐藏时，标签属性会发生变化：

例如输入框隐藏时diaplay的属性值为“none”：

显示时diaplay的属性值为“block”：

注意：

因为开发人员在开发网站时对于隐藏元素时使用的方法不同，可能就会导致以下两种结果：

1、不管元素是否在页面上是否被隐藏我们都可以使用相同的路径来操作他，但是元素隐藏时就算查找到我们也无法操作它。

2、当元素为隐藏状态时，我们无法定位到它。

二、实例演示

以下演示操作以图中页面为例（图中的页面是本地的网页，小伙伴们如果需要可以加入555191854下载或者找其它的网站进行练习）：

package basicweb;

import java.util.concurrent.TimeUnit;

import org.junit.jupiter.api.AfterEach;
import org.junit.jupiter.api.BeforeEach;
import org.junit.jupiter.api.Test;
import org.openqa.selenium.By;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.WebElement;
import org.openqa.selenium.chrome.ChromeDriver;

class ElementDisplayed {
    
    WebDriver driver;
    String url;
    
    @BeforeEach
    void setUp() throws Exception {
        driver = new ChromeDriver();
        url = "C:\Users\acer\eclipse-workspace\SeleniumPractise\PracticePage.html";
        driver.manage().timeouts().implicitlyWait(2, TimeUnit.SECONDS);
        driver.manage().window().maximize();
        driver.get(url);
    }

    @Test
    void test() throws Exception {
        WebElement el = driver.findElement(By.id("displayed-text"));
//        isDisplayed可以判断文本框是否显示
        System.out.println("文本框是否显示："+el.isDisplayed());
        
        Thread.sleep(2000);
//        点击隐藏按钮
        WebElement hideButton = driver.findElement(By.id("hide-textbox"));
        hideButton.click();
        System.out.println("点击了隐藏按钮");
        System.out.println("文本框是否显示："+el.isDisplayed());

        Thread.sleep(2000);
//        点击显示按钮
        WebElement showButton = driver.findElement(By.id("show-textbox"));
        showButton.click();
        System.out.println("点击了显示按钮");
        System.out.println("文本框是否显示："+el.isDisplayed());
        }
    
    @AfterEach
    void tearDown() throws Exception {
        Thread.sleep(2000);
        driver.quit();
    }


}

 如果有不明白的小伙伴可以加群“555191854”问我，群里都是软件行业的小伙伴可以相互一起学习讨论。