Selenium Webdriver——操做隱藏的元素

做者 何坤158109016@qq.com V2.0 2017/3/26 .更多內容請到： www.snappydata.top

有時候咱們會碰到一些元素不可見，這個時候selenium就沒法對這些元素進行操做了。例如，下面的狀況： 頁面主要經過「display:none」來控制整個下拉框不可見。這個時候若是直接操做這個下拉框，就會提示：

from selenium import webdriver
from selenium.webdriver.support.select import Select
import os,time

driver = webdriver.Chrome()
file_path = 'file:///' + os.path.abspath('test.html')
driver.get(file_path)

sel = driver.find_element_by_tag_name('select')
Select(sel).select_by_value('opel')
time.sleep(2)

driver.quit()

exceptions.ElementNotVisibleException: Message: element not visible: Element is not currently visible and may not be manipulated   咱們須要經過javaScript修改display的值。

js = 'document.querySelectorAll("select")[0].style.display="block";'
driver.execute_script(js)

sel = driver.find_element_by_tag_name('select')
Select(sel).select_by_value('opel')

document.querySelectorAll("select")[0].style.display="block"; document.querySelectorAll("select")  選擇全部的select。

[0] 指定這一組標籤裏的第幾個。 style.display="block";  修改樣式的display="block" ,表示可見。 執行完這句js代碼後，就能夠正常操做下拉框了。   Java代碼

import java.io.File;

import org.openqa.selenium.WebDriver;
import org.openqa.selenium.By.ById;
import org.openqa.selenium.chrome.ChromeDriver;
import org.openqa.selenium.support.ui.Select;
import org.openqa.selenium.JavascriptExecutor;

public class SelectTest {

    public static void main(String[] args){
        
        WebDriver driver = new  ChromeDriver();
        File file = new File("C:/Users/fnngj/Desktop/test.html");
        String filePath = file.getAbsolutePath();
        driver.get(filePath);
        
         String js = "document.querySelectorAll('select')[0].style.display='block';";
        ((JavascriptExecutor)driver).executeScript(js);
        
        Select sel = new Select(driver.findElement(ById.xpath("//select")));
        sel.selectByValue("opel");
  
    }
}