python+selenium 定位隱藏元素

定位隱藏要素的原理：頁面主要通過“display:none”來控制元素不可見。所以我們需要通過javaScript修改display的值得值為display="block，來實現元素定位的。

HTML代碼：

<header id="header">
    <a href="#" class="logo"><strong id="Title" style="display: none">AAAA</strong></a>
</header>

核心代碼如下：

driver = webdriver.Chrome() driver.maximize_window() driver.get('http://127.0.0.1:5000/HimoMP') js = "document.getElementById('Title').style.display='block'" #編寫JS語句
driver.execute_script(js) #執行JS
contentText = driver.find_element_by_id('Title').text #定位元素
print(contentText) #驗證結果
driver.quit()

打印結果：

127.0.0.1 - - [16/Nov/2017 19:14:56] "GET /HimoMP HTTP/1.1" 200 -
127.0.0.1 - - [16/Nov/2017 19:14:56] "GET /static/css/main.css HTTP/1.1" 200 -
127.0.0.1 - - [16/Nov/2017 19:14:56] "GET /static/js/jquery.min.js HTTP/1.1" 200 -
127.0.0.1 - - [16/Nov/2017 19:14:56] "GET /static/js/skel.min.js HTTP/1.1" 200 -
127.0.0.1 - - [16/Nov/2017 19:14:56] "GET /static/js/util.js HTTP/1.1" 200 -
127.0.0.1 - - [16/Nov/2017 19:14:56] "GET /static/js/main.js HTTP/1.1" 200 -
127.0.0.1 - - [16/Nov/2017 19:14:56] "GET /static/css/font-awesome.min.css HTTP/1.1" 200 -
127.0.0.1 - - [16/Nov/2017 19:14:57] "GET /static/fonts/fontawesome-webfont.woff2?v=4.6.3 HTTP/1.1" 200 -
127.0.0.1 - - [16/Nov/2017 19:14:57] "GET /favicon.ico HTTP/1.1" 404 - AAAA [Finished in 9.5s]

有時候我們會碰到一些元素不可見，這個時候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')--找到全部的tag_name Select(sel).select_by_value('opel')--在全部的tag_name下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";'--找到所有的select切出自己想要的，然后給display重新賦值 driver.execute_script(js)--執行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代碼后，就可以正常操作下拉框了