Selenium Webdriver——操作隐藏的元素

作者 何坤158109016@qq.com V2.0 2017/3/26 .更多内容请到： www.snappydata.top

有时候我们会碰到一些元素不可见，这个时候selenium就无法对这些元素进行操作了。例如，下面的情况： 页面主要通过“display:none”来控制整个下拉框不可见。这个时候如果直接操作这个下拉框，就会提示：

1from selenium import webdriver
2from selenium.webdriver.support.select import Select
3import os,time
4
5driver = webdriver.Chrome()
6file_path = 'file:///' + os.path.abspath('test.html')
7driver.get(file_path)
8
9sel = driver.find_element_by_tag_name('select')
10Select(sel).select_by_value('opel')
11time.sleep(2)
12
13driver.quit()

exceptions.ElementNotVisibleException: Message: element not visible: Element is not currently visible and may not be manipulated   我们需要通过javaScript修改display的值。

1js = 'document.querySelectorAll("select")[0].style.display="block";'
2driver.execute_script(js)
3
4sel = driver.find_element_by_tag_name('select')
5Select(sel).select_by_value('opel')

document.querySelectorAll("select")[0].style.display="block"; document.querySelectorAll("select")  选择所有的select。

[0] 指定这一组标签里的第几个。 style.display="block";  修改样式的display="block" ,表示可见。 执行完这句js代码后，就可以正常操作下拉框了。   Java代码

1import java.io.File;
2
3import org.openqa.selenium.WebDriver;
4import org.openqa.selenium.By.ById;
5import org.openqa.selenium.chrome.ChromeDriver;
6import org.openqa.selenium.support.ui.Select;
7import org.openqa.selenium.JavascriptExecutor;
8
9public class SelectTest {
10
11    public static void main(String[] args){
12        
13        WebDriver driver = new  ChromeDriver();
14        File file = new File("C:/Users/fnngj/Desktop/test.html");
15        String filePath = file.getAbsolutePath();
16        driver.get(filePath);
17        
18         String js = "document.querySelectorAll('select')[0].style.display='block';";
19        ((JavascriptExecutor)driver).executeScript(js);
20        
21        Select sel = new Select(driver.findElement(ById.xpath("//select")));
22        sel.selectByValue("opel");
23  
24    }
25}