前言

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

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

隐藏元素

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

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

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

</head>

<body>

<p>这里有个按钮，是隐藏的

<!-- type="hidden" -->

<br>

输入账号<input id="yoyo" name="hello" type="hidden">

<!-- type="display: none;" -->

<br>

<button id="yy" name="heo" style="display: none;">登录</button>

<br>

<a hidden id="baidu" href="https://www.baidu.com">访问百度</a>

</p>

</body>

</html>

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

定位隐藏元素

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

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呢？

交流QQ群：779429633

关于面试总结10-selenium中隐藏元素如何定位？(hidden、display: none)的更多相关文章

  1. 【Selenium】selenium中隐藏元素如何定位？

    前言 面试题:selenium 中隐藏元素如何定位?这个是很多面试官喜欢问的一个题,如果单纯的定位的话,隐藏元素和普通不隐藏元素定位没啥区别,用正常定位方法就行了 但是吧~~~很多面试官自己都搞不清楚 ...

  2. 使用Selenium对网页元素进行定位的诸种方法

    使用Selenium进行自动化操作,首先要做的就是通过webdriver的get()方法打开一个URL链接. 在打开链接,完成页面加载之后,就可以通过Selenium提供的接口,在页面上进行各种操作了 ...

  3. selenium中的元素操作之下拉列表操作（四）

    下拉列表操作中分为两种:select.非select 1.非select的下拉框操作 非select下拉列表操作与网页元素操作一致,找到元素,定位元素,设置等待,点击元素等等 接下来操作百度的设置按钮 ...

  4. selenium中的元素操作之三大切换（二）

    一.窗口切换 使用方法: 1.获取到打开的所有的窗口,句柄handles all_handles = driver.window_handles print(all_handles) 2.获取当前的窗 ...

  5. selenium处理隐藏元素的方法

    <li class="navbar-nav-item ">       <a href="#" id="cust"> ...

  6. CSS中 隐藏元素的常用方法

    在CSS中,使某个元素在页面中消失的方法有很多,今天为大家介绍几种我常用的方式 . 一.display:none;   让元素直接从页面消失,不占用尺寸,会改变页面布局. 代码演示: 页面演示:在页面 ...

  7. python selenium中等待元素出现及等待元素消失操作

    在自动化测试中,很多时候都会有等待页面某个元素出现后能进行下一步操作,或者列表中显示加载,直到加载完成后才进行下一步操作,但时间都不确定,如下图所示 幸运的是,在selenium 2后有一个模块exp ...

  8. selenium中的元素操作之三大等待（一）

    等待时做什么,为什么使用等待 在做自动化测试,设计测试用例的时候,有时下一步的操作会依赖上一步的结果或者内容,上一步操作成功之后才能进行下一步操作等,这时候,我们就需要使用等待,来判断上一步操作是否完 ...

  9. selenium中等待元素的加载

    在实际使用中,有时会出现一个元素还没有加载出来,导致无法获取,此时需要selenium处理来等待一段时间,此时处理方法有以下几种: 1.最笨.最简单但是最不推荐的方式: Thread.sleep(ti ...

随机推荐

  1. Ibatis.Net 数据库操作学习(四)

    一.查询select 还记得第一篇示例中是如何读出数据库里3条数据的吗?就是调用了一个QueryForList方法,从方法名就知道,查询返回列表. 1.QueryForList  返回List< ...

  2. BI生态圈常用端口使用配置总结

    Hadoop集群的各部分一般都会使用到多个端口,有些是daemon之间进行交互之用,有些是用于RPC访问以及HTTP访问.而随着Hadoop周边组件的增多,完全记不住哪个端口对应哪个应用,特收集记录如 ...

  3. socket编程之select相关

    FD_ZERO,FD_ISSET这些都是套节字结合操作宏 看看MSDN上的select函数, 这是在select   io   模型中的核心,用来管理套节字IO的,避免出现无辜锁定. int   se ...

  4. HttpUrlConnection的setDoOutput与setDoInput的区别

    httpUrlConnection.setDoOutput(true) httpUrlConnection.setDoInput(true) 这两个方法在develope的httpUrlConnect ...

  5. .NetCore 使用Zipkin 分布式服务追踪监控服务性能

    参考资料 https://zipkin.io/ https://github.com/openzipkin/zipkin/ https://github.com/openzipkin/zipkin4n ...

  6. ubuntu下spark安装配置

    一.安装vmware虚拟机 二.在虚拟机上安装ubuntu12.04操作系统 三.安装jdk1.8.0_25 http://www.oracle.com/technetwork/java/javase ...

  7. word2013 如何设置从第三页开始编码 或 如何设置封面页和正文页页码不连续

    首先说明一下 “分节符”作用,它就是用来将整个文档分节的,添加一个分节符,文档就分成1.2两节:添加两个分节符,文档就分成1.2.3节. 当前页面具体是第几节,可以通过点击页眉页脚来查看: 从第三页开 ...

  8. 001.DNS原理及配置格式

    一 dns简介 DNS(Domain Name System,域名系统),因特网上作为域名和IP地址相互映射的一个分布式数据库,能够使用户更方便的访问互联网,而不用去记住能够被机器直接读取的IP数串. ...

  9. 无线网络实体图生成工具airgraph-ng

    无线网络实体图生成工具airgraph-ng   airgraph-ng是aircrack-ng套件提供的一个图表生成工具.该工具可以根据airodump工具生成的CSV文件绘制PNG格式的图.绘制的 ...

  10. 整理低版本ie兼容问题的解决方案

    CSS hack \9    所有的IE10及之前 *     IE7以及IE7以下版本的 _     IE6以及IE6以下版本的      !important  提升样式优先级权重 1.ie6,7 ...