有時候我們會碰到一些元素不可見，這個時候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代碼後，就可以正常操作下拉框了。

Selenium操作隱藏的元素