一、显示\隐藏的元素

在使用selenium进行自动化时,可能会遇到隐藏的元素,列如下图中,我们点击“隐藏按钮”,输入框就会被隐藏,点击“显示按钮”,输入框就会显示出来.

SRE实战 互联网时代守护先锋,助力企业售后服务体系运筹帷幄!一键直达领取阿里云限量特价优惠。

章节十一、9-操作隐藏元素 随笔 第1张         章节十一、9-操作隐藏元素 随笔 第2张

输入框在显示和隐藏时,标签属性会发生变化:

例如输入框隐藏时diaplay的属性值为“none”:

章节十一、9-操作隐藏元素 随笔 第3张

显示时diaplay的属性值为“block”:

章节十一、9-操作隐藏元素 随笔 第4张

注意:

因为开发人员在开发网站时对于隐藏元素时使用的方法不同,可能就会导致以下两种结果:

1、不管元素是否在页面上是否被隐藏我们都可以使用相同的路径来操作他,但是元素隐藏时就算查找到我们也无法操作它。

2、当元素为隐藏状态时,我们无法定位到它。

 

二、实例演示

以下演示操作以图中页面为例(图中的页面是本地的网页,小伙伴们如果需要可以加入555191854下载或者找其它的网站进行练习):

章节十一、9-操作隐藏元素 随笔 第5张

章节十一、9-操作隐藏元素 随笔 第6张

 

 如果有不明白的小伙伴可以加群“555191854”问我,群里都是软件行业的小伙伴可以相互一起学习讨论。

 

扫码关注我们
微信号:SRE实战
拒绝背锅 运筹帷幄