如何在 Selenium 测试中设置 HTML 元素的样式显示?

我们可以使用 Selenium WebDriver 设置 HTML 元素的样式显示。DOM 通过 JavaScript 与页面上的元素进行交互。Selenium 通过 executeScript 方法执行 JavaScript 命令。要执行的命令作为参数传递给该方法。

某些操作(例如设置样式显示)由 Javascript Executor 执行。getElementById 方法可用于定位元素。然后，我们必须在 Web 元素上应用 style.display 方法并设置显示类型。

语法

executor.executeScript
("document.getElementById('gsc-i-id1').style.display='block';");

示例

代码实现.

import org.openqa.selenium.By;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.WebElement;
import org.openqa.selenium.chrome.ChromeDriver;
import java.util.concurrent.TimeUnit;
import org.openqa.selenium.JavascriptExecutor;
public class ElementStyleSet{
   public static void main(String[] args) {
      System.setProperty("webdriver.chrome.driver", "C:\Users\ghs6kor\Desktop\Java\chromedriver.exe");
      WebDriver driver = new ChromeDriver();
      driver.get("https://www.cainiaomax.com/index.htm");
      driver.manage().timeouts().implicitlyWait(5, TimeUnit.SECONDS);
      // 带有executeScript方法的Javascript执行器类
      JavascriptExecutor j = (JavascriptExecutor) driver;
      // 使用style.display方法设置显示
      j.executeScript ("document.getElementById('gsc-i-id1').style.display='block';");
      driver.close()
   }
}

相关文章

• 如何使用 Selenium 在 HTML 文本输入框中模拟按回车键?
• 如何在 Selenium 中获取 Web 元素的 HTML 代码?
• HTML 中的 Selenium 和 iframe

有用资源

• html 参考教程 - 该教程包含有关 html 的更多信息:https://www.cainiaomax.com/html/