selenium 中隐藏元素如何定位?
前言
面试题: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 呢?
感谢每一个认真阅读我文章的人,看着粉丝一路的上涨和关注,礼尚往来总是要有的,虽然不是什么很值钱的东西,如果你用得到的话可以直接拿走:
① 2000多本软件测试电子书(主流和经典的书籍应该都有了)
② 软件测试/自动化测试标准库资料(最全中文版)
③ 项目源码(四五十个有趣且经典的练手项目及源码)
④ Python编程语言、API接口自动化测试、web自动化测试、App自动化测试(适合小白学习)
⑤ Python学习路线图(告别不入流的学习)
在我的QQ技术交流群里(技术交流和资源共享,广告进来腿给你打断)
可以自助拿走,群号953306497(备注“csdn111”)群里的免费资料都是笔者十多年测试生涯的精华。还有同行大神一起交流技术哦。
selenium 中隐藏元素如何定位?相关推荐
- selenium中隐藏元素如何定位
1.什么是隐藏元素??? 前端通过一些属性来控制元素隐藏 type = "hidden" style = "display:none" margin设为负值 z ...
- seleniumpython定位网页元素方法_使用Selenium对网页元素进行定位的诸种方法
使用Selenium进行自动化操作,首先要做的就是通过webdriver的get()方法打开一个URL链接. 在打开链接,完成页面加载之后,就可以通过Selenium提供的接口,在页面上进行各种操作了 ...
- 5种css隐藏元素的方法_在CSS中隐藏元素的10种方法
5种css隐藏元素的方法 There are multiple ways to hide an element in CSS, but they differ in the way they affe ...
- 【javascript基础——系列10】js中隐藏元素的几种方法以及代码
系列文章 [javascript基础--系列1]前端页面ajax连接后台服务器传输数据 [javascript基础--系列2]前端页面axios连接后台服务器传输数据 [javascript基础--系 ...
- 在 CSS 中隐藏元素的 10 种方法
在CSS中很多隐藏元素的方法,但这些方法的可访问性.布局.动画.性能和事件处理的方式有所不同. 动画: 一些CSS隐藏元素的方法一般是全有或者全无,元素要么是完全可见,要么是完全不可见,并且没有中间状 ...
- python获取页面隐藏元素_python之selenium操作隐藏元素
一.html显示与隐藏元素的几种方法 1.display none:隐藏元素 block:显示为块级元素 B元素 display: none 隐藏自身元素以及它的所有后代元素 ,隐藏后的元素不占据任何 ...
- 如何在selenium中使用元素的innerHTML
在selenium 中使用JavascriptExecutor 修改innerHTML 通过selenium获取的元素无法直接修改元素的内容.通过JavascriptExecutor能够实现对任意可视 ...
- 在css样式中隐藏元素,用JS改变的元素CSS样式,css里display :none 隐藏 block 显示
CSS样式的引用有3种方式:style引用.class引用.id引用,所以js改变元素的样式我们也分3种来说. 1.js改变由style方式引用的样式: 方法一:document.divs.style ...
- 进阶4·淘宝商品爬取与分析(selenium,网页元素无法定位的四个解决办法)
淘宝估计是爬虫界一直想要去尝试的网页,小彬自学爬虫已有一段时间,在掌握selenium后就一直想要本着学习交流的态度和淘宝程序员叔叔切磋一下,嘻嘻. 唉,没想到这一切磋就耗费了我一天时间,不过还好,最 ...
最新文章
- [k8s] 第十章 DashBoard
- hosts文件_电脑修改hosts文件屏蔽网站方法
- PHP算法向数组的头插入带键的元素
- Mysql学习总结(68)——MYSQL统计每天、每周、每月、每年数据 SQL 总结
- 两个table怎么对齐_Origin教程|“师兄,图表坐标轴下的分组表格是怎么添加的?”...
- wifi扫描流程图_扫描方法与流程
- Virtual Box创建共享目录
- 个人总结OLinux上安装oracle11G Data Guard
- 【医院呼叫系统】基于FPGA的简易医院呼叫系统实现
- Twaver-HTML5基础学习(26)背景
- [转]PHP FFI详解 - 一种全新的PHP扩展方式
- 解决webpack打包报错: Cannot find module '@webassemblyjs/wasm-parser'
- java 反射机制中的 Filed (属性反射机制)
- pyinstaller 生成exe之后不报毒的终极方法(亲测可用)
- 图像对抗学习笔记:复现DPatch
- 为什么市场为百度财报买单?
- Dagger2使用解析
- 程序员小姐姐用代码实现《本草纲目》毽子操,刘畊宏亲自回复:很cool!
- 详解eMMC的前世今生和优劣势
- Moto g 4G xt1079解锁root刷机