python+selenium 定位隱藏元素

標籤：http   ext   .com   pat   cto   font   js代碼   頁面   doc   

定位隱藏要素的原理：頁面主要通過“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) #執行JScontentText = 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 webdriverfrom selenium.webdriver.support.select import Selectimport os,timedriver = webdriver.Chrome()file_path = ‘file:///‘ + os.path.abspath(‘test.html‘)driver.get(file_path)sel = driver.find_element_by_tag_name(‘select‘)--找到全部的tag_nameSelect(sel).select_by_value(‘opel‘)--在全部的tag_name下value=opeltime.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)--執行jssel = 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代碼後，就可以正常操作下拉框了

python+selenium 定位隱藏元素