selenium中隐藏元素如何定位？(hidden、display: none) · Python / Linux / Mysql / 软件测试等等

# 前言面试题：selenium中隐藏元素如何定位？这个是很多面试官喜欢问的一个题，如果单纯的定位的话，隐藏元素和普通不隐藏元素定位没啥区别，用正常定位方法就行了但是吧~~~很多面试官自己都搞不清楚啥叫定位，啥叫操作元素（如click,clear,send\_keys） # 隐藏元素如下图有个输入框和一个登录的按钮，本来是显示的 ![](https://img2018.cnblogs.com/blog/1070438/201812/1070438-20181224173724546-907774977.png) 元素的属性隐藏和显示，主要是`type="hidden"`和`style="display: none;"`属性来控制的，接下来在元素属性里面让它隐藏 ~~~ <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <p>这里有个按钮，是隐藏的  <br> 输入账号<input id="yoyo" name="hello" type="hidden">  <br> <button id="yy" name="heo" style="display: none;">登录</button> <br> <a hidden id="baidu" href="https://www.baidu.com">访问百度</a> </p> </body> </html> ~~~ 这样元素就不会显示了，也就是面试官所说的隐藏属性了 ![](https://img2018.cnblogs.com/blog/1070438/201812/1070438-20181224180701590-773098790.png) # 定位隐藏元素前面说了，定位隐藏元素和普通的元素没啥区别，接下来就来验证下，是不是能定位到呢？ ~~~ from selenium import webdriver driver = webdriver.Firefox() driver.get("http://localhost:63342/test1122/a/b.html") # 定位type="hidden"隐藏元素 ele1 = driver.find_element_by_id("yoyo") print("打印元素信息：%s" % ele1) # 获取元素属性 print(ele1.get_attribute("name")) # 判断元素是否隐藏 print(ele1.is_displayed()) ~~~ 运行结果： ~~~ 打印元素信息：<selenium.webdriver.remote.webelement.WebElement (session="1debdd46-21b1-451e-b8a7-5aeff1d74f9d", element="{28628a87-7f22-4574-9e14-931f9c6f20e1}")> hello False ~~~ **运行结果可以看出，隐藏元素用普通定位方法，事实上是定位到了呢！** # 操作隐藏元素隐藏元素可以正常定位到，只是不能操作（定位元素和操作元素是两码事，很多初学者傻傻分不清楚），操作元素是click,clear,send\_keys这些方法 ~~~ # 隐藏输入框元素输入文本 ele1 = driver.find_element_by_id("yoyo") ele1.send_keys("yoyo") ~~~ 隐藏元素用send\_keys()方法会抛异常'ElementNotVisibleException': Message: Element is not currently visible and so may not be interacted with 这个报错是说元素不可见，不可以被操作，同样的对“登录”按钮点击操作也是会报'ElementNotVisibleException' ~~~ # 点击隐藏登录框 ele2 = driver.find_element_by_id("yy") ele2.click() ~~~ # JS操作隐藏元素如果面试官想问的是定位后操作隐藏元素的话，本质上说这个问题就是毫无意义的，web自动化的目的是模拟人的正常行为去操作。如果一个元素页面上都看不到了，你人工也是无法操作的是不是？人工都不能操作，那你自动化的意义又在哪呢？所以这个只是为了单纯的考察面试者处理问题的能力，没啥实用性！（面试造飞机，进去拧螺丝）既然面试官这么问了，那就想办法回答上给个好印象吧！首先selenium是无法操作隐藏元素的（但是能正常定位到），本身这个框架就是设计如此，如果非要去操作隐藏元素，那就用js的方法去操作，selenium提供了一个入口可以执行js脚本。 js和selenium不同，只有页面上有的元素（在dom里面的），都能正常的操作，接下来用js试试吧！ `<a hidden id="baidu" href="https://www.baidu.com">访问百度</a>`这个链接是隐藏的，但是能用js点到 ~~~ from selenium import webdriver driver = webdriver.Firefox() driver.get("http://localhost:63342/test1122/a/b.html") # js点击hidden元素 js = 'document.getElementById("baidu").click()' driver.execute_script(js) ~~~ 运行完之后，会发现页面正常的点击，跳转到百度页面了备注：百度搜到的可能方法是先用js去掉hidden属性，再用selenium操作，这个有点多此一举，你既然都已经会用js了，何必不一次性到位直接click呢？