selenium操作隐藏的元素

lsekfe

有时候我们会碰到一些元素不可见，这个时候selenium就无法对这些元素进行操作了。例如，下面的情况：

Python                                                    

　　页面主要通过“display:none”来控制整个下拉框不可见。这个时候如果直接操作这个下拉框，就会提示：

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

复制代码

exceptions.ElementNotVisibleException: Message: element not visible: Element is not currently visible and may not be manipulated



　　我们需要通过javaScript修改display的值。

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

复制代码

document.querySelectorAll("select")[0].style.display="block";

　　document.querySelectorAll("select")  选择所有的select。

　　[0] 指定这一组标签里的第几个。

　　style.display="block";  修改样式的display="block" ,表示可见。

　　执行完这句js代码后，就可以正常操作下拉框了。

Java                                                         

　　以下为java中的操作

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

复制代码