python+selenium 定位隐藏元素

Posted 2020-11-08 五六七

定位隐藏要素的原理：页面主要通过“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代码后，就可以正常操作下拉框了