selenium如何高亮某元素和操作隐藏的内容

高亮元素的思路是：

1.找到要高亮的元素

2.对该元素执行js，更改style达到高亮效果。

操作隐藏的内容思路：

1.可以用Actions的moveToElement，使鼠标悬停在触发隐藏内容的元素上。

2.也可以用js点击触发隐藏内容的元素

下面是具体的代码：

 

package com.test;

import java.sql.Driver;

import org.openqa.selenium.By;
import org.openqa.selenium.JavascriptExecutor;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.WebElement;
import org.openqa.selenium.chrome.ChromeDriver;
import org.openqa.selenium.interactions.Actions;
import org.openqa.selenium.support.ui.ExpectedCondition;
import org.openqa.selenium.support.ui.WebDriverWait;

import bsh.commands.dir;

/** 
 * @author QiaoJiafei 
 * @version 创建时间：2016年3月25日 下午3:00:31 
 * 类说明 
 */
public class TestHighLight {
    static WebDriver driver;
    public static void main(String[] args) {
        // TODO Auto-generated method stub
        driver = new ChromeDriver();
        driver.manage().window().maximize();
        driver.get("http://www.zhihu.com/#signin");
        driver.findElement(By.name("account")).sendKeys("XXX@163.com");
        driver.findElement(By.name("password")).sendKeys("XXX");
        WebElement login = driver.findElement(By.xpath("//*//button[text()='登录']"));
        highl(driver, login);
        login.click();
        
        WebDriverWait wait = new WebDriverWait(driver, 10);
        WebElement element =wait.until(new ExpectedCondition<WebElement>() {

            @Override
            public WebElement apply(WebDriver dr) {
                // TODO Auto-generated method stub
                return dr.findElement(By.xpath("//*//span[text()='乔叶叶']"));
            }});
        
        /*
         * 使用js实现点击目标，出现隐藏元素
        String js = "document.getElementsByClassName(\"name\")[0].click()";
        ((JavascriptExecutor)driver).executeScript(js);
        */
        
        Actions action = new Actions(driver);
        action.moveToElement(element).perform();
        
        WebElement sixinElement = driver.findElement(By.id(":2"));//*[@id=":2"]
        highl(driver, sixinElement);
        try {
            Thread.sleep(3000);
        } catch (InterruptedException e) {
            // TODO Auto-generated catch block
            e.printStackTrace();
        }
        sixinElement.click();

        driver.quit();
        
    }
    
/*高亮显示*/
    static void highl(WebDriver dr, WebElement we) {
        ((JavascriptExecutor)dr).executeScript("arguments[0].style.border=\"5px solid red\"", we);
    }

}

可以看下效果，把登录按钮高亮显示，因为知乎加载主页太慢，后面的操作隐藏元素的效果没有截图。