• 【基础】如何使元素高亮显示?(八)


    一、为什么要让元素高亮显示?

    为了更准确的显示查找到的元素,可以让元素高亮显示。

    二、如何实现?

    public class TestGaoLiang {
    	public static void main(String[] args) throws InterruptedException {
    		System.setProperty("webdriver.chrome.driver",
    				"C:\Program Files (x86)\Google\Chrome\Application\chromedriver.exe");
    		WebDriver driver = new ChromeDriver();
    		driver.manage().window().maximize();
    		driver.manage().timeouts().pageLoadTimeout(10, TimeUnit.SECONDS);
    		driver.get("http://www.baidu.com");
    		WebElement oEdit = driver.findElement(By.name("wd"));
    		highlightElement(driver, oEdit);
    		WebElement oButton = driver.findElement(By.id("su"));
    		highlightElement(driver, oButton);
    		driver.quit();
    	}
    
    	public static void highlightElement(WebDriver driver, WebElement element) throws InterruptedException {
    
    		JavascriptExecutor js = (JavascriptExecutor) driver;
    		js.executeScript("element = arguments[0];" + "original_style = element.getAttribute('style');"
    				+ "element.setAttribute('style', original_style + ";"
    				// 背景色为黄色;红色加粗边框显示。
    				+ "background: yellow; border: 2px solid red;");"
    				// 高亮显示3s
    				+ "setTimeout(function(){element.setAttribute('style', original_style);}, 10000);", element);
    		Thread.sleep(10000);
    	}
    }
    

    三、效果  

  • 相关阅读:
    W3C help
    css值解析
    css中的格式上下文Formatting Context
    css中绝对定位中的left和top属性
    事件模型
    程序员应该如何更有效率
    css的边偏移距离
    css插入框
    css中的whitespace属性
    源码安装nginx 方法二
  • 原文地址:https://www.cnblogs.com/Jourly/p/8436218.html
Copyright © 2020-2023  润新知