selenium 中隐藏元素如何定位？

前言

面试题：selenium 中隐藏元素如何定位？这个是很多面试官喜欢问的一个题， 如果单纯的定位的话，隐藏元素和普通不隐藏元素定位没啥区别，用正常定位方法就行了

但是吧~~~很多面试官自己都搞不清楚啥叫定位，啥叫操作元素（如click,clear,send_keys）

隐藏元素

如下图有个输入框和一个登录的按钮，本来是显示的

 元素的属性隐藏和显示，主要是 type="hidden"和 style="display: none;"属性来控制的，接下来在元素属性里面让它隐藏

​














这里有个按钮，是隐藏的






输入账号






登录












​

这样元素就不会显示了，也就是面试官所说的隐藏属性了

 定位隐藏元素

前面说了，定位隐藏元素和普通的元素没啥区别，接下来就来验证下，是不是能定位到呢？

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())

运行结果：

打印元素信息：

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 试试吧！

访问百度 这个链接是隐藏的，但是能用 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 呢？

感谢每一个认真阅读我文章的人，看着粉丝一路的上涨和关注，礼尚往来总是要有的，虽然不是什么很值钱的东西，如果你用得到的话可以直接拿走：

①　2000多本软件测试电子书（主流和经典的书籍应该都有了）

②　软件测试/自动化测试标准库资料（最全中文版）

③　项目源码（四五十个有趣且经典的练手项目及源码）

④　Python编程语言、API接口自动化测试、web自动化测试、App自动化测试（适合小白学习）

 ⑤ Python学习路线图（告别不入流的学习）

在我的QQ技术交流群里（技术交流和资源共享，广告进来腿给你打断）

可以自助拿走，群号953306497（备注“csdn111”）群里的免费资料都是笔者十多年测试生涯的精华。还有同行大神一起交流技术哦。