当前位置： 首页 > news >正文

【Selenium】隐藏元素的定位和操作｜隐藏与isDisplay方法

news 2026/3/27 16:39:03

一、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="chi" name="hello" type="hidden"><!-- style="display: none;" --><br><button id="fan" name="heo" style="display: none;">登录</button><br><a hidden id="baidu" href="https://www.baidu.com">访问百度</a></p></body>
</html>
结果如下：

三、定位隐藏元素

隐藏元素用普通元素定位方法——可以定位到！

webDriver.get("file:front/display.html");
WebElement chi = webDriver.findElement(By.id("chi"));//获取元素属性
System.out.println(chi.getAttribute("name"));//hello//查看元素是否隐藏
System.out.println(chi.isDisplayed());//false//运行结果可以看出，隐藏元素用普通定位方法一样可以定位到！

四、操作隐藏元素

隐藏元素可以正常定位到，只是不能操作（定位元素和操作元素是两码事，操作元素是 click,clear,send_keys 这些方法

用隐藏元素的sendKeys 和 click 方法都会报错：ElementNotInteractableException: element not interactable，元素不可交互，不可以被操作。

首先 selenium 是无法操作隐藏元素的（但是能正常定位到），本身这个框架就是设计如此，如果非要去操作隐藏元素，那就用 js 的方法去操作，selenium 提供了一个入口 可 以 执行 js 脚 本。

js 和 selenium 不同，页面上有的元素（在 dom 里面的），都能正常的操作， 可以详看前面的js篇

js操作隐藏元素
<a hidden id="baidu" href="https://www.baidu.com">访问百度</a> 这个链 接是隐藏的，但是能用 js 点到 
 //js点击 hidden 元素 百度WebElement element = webDriver.findElement(By.id("baidu"));JavascriptExecutor javascriptExecutor = webDriver;javascriptExecutor.executeScript("arguments[0].click()",element);
运行完之后，页面正常的点击，跳转到百度页面了
⚠️ 也可以先用 js 去掉 hidden 属性，再用 selenium 操作，但是可以直接js点击，何必多此一举～

五、display:none 和 visibility:hidden 和 type ="hidden"

  • visibility: hidden----将元素隐藏，但是在网页中该占的位置还是占着。

    • 例如有三个table，将中间的一个table hidden掉，你会发现在那个被hidden的table看不见了，但是，中间会留有很大的一空白，而这个空白就是这个table没有被隐藏时所占的位置；

  • display: none----将元素的显示设为无，即在网页中不占任何的位置。——isDisplayed() =false

    • 例如有三个table，将中间的一个table none掉，你会发现在剩下的两个table中间不会有任何的空白。就好像中间的那个table从来不存在过一样。

    • 而none的作用更像是把元素从网页中“去除”（当然不是真的去除，只是效果是如此）

  • type ="hidden"和上面两个不一样，它叫做隐藏域，作为input 的一种输入类型，它的特点就是“看不见”；——isDisplayed() =false

    • 在表单插入中隐藏域的目的在于收集和发送信息，以利于被处理表单的程序所使用

    • 注：隐藏只是在网页页面上不显示输入框，但是虽然隐藏了，还是具有form传值功能。一般用来传值，而不必让用户看到。

    • 它可以隐藏有用但又不能让浏览者看到的信息。

相关文章：

【Selenium】隐藏元素的定位和操作｜隐藏与isDisplay方法

一、selenium 中隐藏元素如何定位&#xff1f; 如果单纯的定位的话&#xff0c;隐藏元素和普通不隐藏元素定位没啥区别&#xff0c;用正常定位方法就行了 但是吧~~~能定位到并不意味着能操作元素&#xff08;如click,clear,send_keys&#xff09; 二、隐藏元素 如下图有个输入框…...

编程日记 2024/3/28 7:21:45

视图的作用

目录 视图的作用 创建视图 为 scott 分配创建视图的权限 查询视图 复杂视图的创建 视图更新的限制问题 更新视图中数据的部门编号&#xff08;视图的存在条件&#xff09; 限制通过视图修改数据表内容 创建只读的视图 复杂视图创建 oracle从入门到总裁:​​​​​​h…...

编程日记 2024/3/28 7:20:43

动态ip白名单频繁更改问题解决方案

1. 使用静态IP地址&#xff1a;可以通过向ISP申请静态IP地址来解决动态IP地址的变化问题&#xff0c;但是这种方法会比较贵。 2. 使用动态DNS&#xff1a;可以使用动态DNS服务&#xff0c;它可以将动态IP地址映射到一个固定的域名&#xff0c;从而使得动态IP地址处理为域名一直…...

编程日记 2024/3/28 7:19:42

什么是物联网监控平台？部署物联网平台有什么作用？

随着物联网技术的飞速发展&#xff0c;越来越多的企业开始关注并投入到这一领域。物联网监控平台作为连接物理世界与数字世界的桥梁&#xff0c;正逐渐成为企业数字化转型的关键组件。今天&#xff0c;我们将深入探讨物联网监控平台的定义、部署物联网平台的作用&#xff0c;以…...

编程日记 2024/3/28 7:17:40

netty构建udp服务器以及发送报文到客户端客户端详细案例

目录 一、基于netty创建udp服务端以及对应通道设置关键 二、发送数据 三、netty中的ChannelOption常用参数说明 1、ChannelOption.SO_BACKLOG 2、ChannelOption.SO_REUSEADDR 3、ChannelOption.SO_KEEPALIVE 4、ChannelOption.SO_SNDBUF和ChannelOption.SO_RCVBUF 5、Ch…...

编程日记 2024/3/28 7:15:38

Selenium 学习（0.22）——软件测试之小结

Junit 等一系列自动化工具不用啰嗦了&#xff0c;自己就是小白再搞科普就装了。 把后面相关内容看了一下&#xff0c;使用这些测试工具一样编写代码&#xff08;驱动模块【调用接口的代码片段】&#xff0c;桩模块【响应输出结果的代码片段&#xff0c;也就是被测模块调用的模块…...

编程日记 2024/3/28 7:11:34

贪心算法问题

分发饼干-455 假设你是一位很棒的家长&#xff0c;想要给你的孩子们一些小饼干。但是&#xff0c;每个孩子最多只能给一块饼干。对每个孩子 i &#xff0c;都有一个胃口值 gi &#xff0c;这是能让孩子们满足胃口的饼干的最小尺寸&#xff1b;并且每块饼干 j &#xff0c;都有…...

编程日记 2024/3/28 7:08:32

深入理解 @Transactional 注解在 Spring 中的应用

前言&#xff1a;在 Java 开发中&#xff0c;事务管理是非常重要的一环。Spring 框架提供了Transactional注解来简化事务管理的操作&#xff0c;本文将深入介绍Transactional注解的用法&#xff0c;并结合代码示例进行详细讨论。 1.Transactional 注解简介 Transactional注解是…...

编程日记 2024/3/28 7:07:31

Python爬虫之爬取网页图片

当我们想要下载网页的图片时&#xff0c;发现网页的图片太多了&#xff0c;无从下手&#xff0c;那我们写一个脚本来爬取呗。 这次的脚本是专门针对某个外国网站使用的&#xff0c;因此仅供参考思路。 在测试的过程中&#xff0c;我发现网站使用了发爬虫机制&#xff0c;具体就…...

编程日记 2024/3/28 7:06:30

AI Agent（LLM Agent）入门解读

1. 什么是AI Agent&#xff1f; AI Agent可以理解为一个智能体&#xff0c;包括感知模块、规划决策模块和行动模块&#xff0c;类似于人类的五官、大脑和肢体。它能帮助人类处理复杂的任务&#xff0c;并能根据环境反馈进行学习和调整。 五官可以理解为感知模块&#xff0c;大…...

编程日记 2024/3/28 7:04:25

自动化面试常见算法题！

1、实现一个数字的反转&#xff0c;比如输入12345&#xff0c;输出54321 num 12345 num_str str(num) reversed_num_str num_str[::-1] reversed_num int(reversed_num_str) print(reversed_num) # 输出 54321代码解析&#xff1a;首先将输入的数字转换为字符串&#xff…...

编程日记 2024/3/28 7:01:22

CCF-CSP真题202206-2《寻宝！大冒险！》

题目背景 暑假要到了。可惜由于种种原因&#xff0c;小 P 原本的出游计划取消。失望的小 P 只能留在西西艾弗岛上度过一个略显单调的假期……直到…… 某天&#xff0c;小 P 获得了一张神秘的藏宝图。 问题描述 西西艾弗岛上种有 n 棵树&#xff0c;这些树的具体位置记录在…...

编程日记 2024/3/28 6:59:20

Rust编程（三）生命周期与异常处理

生命周期 生命周期&#xff0c;简而言之就是引用的有效作用域。在大多数时候&#xff0c;我们无需手动的声明生命周期&#xff0c;因为编译器可以自动进行推导。生命周期的主要作用是避免悬垂引用&#xff0c;它会导致程序引用了本不该引用的数据&#xff1a; {let r;{let x …...

编程日记 2024/3/28 6:54:16

【办公类-21-11】 20240327三级育婴师 多个二级文件夹的docx合并成docx有页码，转PDF

背景展示&#xff1a;有页码的操作题 背景需求&#xff1a; 实操课终于全部结束了&#xff0c;把考试内容&#xff08;docx&#xff09;都写好了 【办公类-21-10】三级育婴师 视频转文字docx&#xff08;等线小五单倍行距&#xff09;&#xff0c;批量改成“宋体小四、1.5倍行…...

编程日记 2024/3/28 6:53:15

OSG编程指南＜二十一＞：OSG视图与相机视点更新设置及OSG宽屏变形

1、概述 什么是视图？在《OpenGL 编程指南》中有下面的比喻，从笔者开始学习图形学就影响深刻，相信对读者学习场景管理也会非常有帮助。 产生目标场景视图的变换过程类似于用相机进行拍照，主要有如下的步骤： （1）把照相机固定在三脚架上，让它对准场景（视图变换）。 （2）…...

编程日记 2024/3/28 6:50:13

Laplace变换-3

回忆#常见函数的Laplace变换&#xff1a; t z − 1 ↦ Γ ( z ) s z t^{z-1} \mapsto \frac{\Gamma(z)}{s^{z}} tz−1↦szΓ(z)​ &#xff08;要求 R e ( z ) > 0 \mathrm{Re}(z)>0 Re(z)>0&#xff09; e a t ↦ 1 s − a e^{at} \mapsto \frac{1}{s-a} eat↦s−a1​…...

编程日记 2024/3/28 6:48:11

LVS负载均衡-DR模式配置

LVS&#xff1a;Linux virtual server ,即Linux虚拟服务器 LVS自身是一个负载均衡器&#xff08;Director&#xff09;&#xff0c;不直接处理请求&#xff0c;而是将请求转发至位于它后端的真实服务器real server上。 LVS是四层&#xff08;传输层 tcp/udp&#xff09;负载均衡…...

编程日记 2024/3/28 6:43:07

【unity】如何汉化unity Hub

相信大家下载安装unity后看着满操作栏的英文&#xff0c;英文不好的小伙伴们会一头雾水。但是没关系你要记住你要怎么高速运转的机器进入中国&#xff0c;请记住我给出的原理&#xff0c;不懂不代表不会用啊。现在我们就来把编译器给进行汉化。 第一步&#xff1a;我们打开Uni…...

编程日记 2024/3/28 6:42:06

【算法】KMP-快速文本匹配

文章目录 一、KMP算法说明二、详细实现1. next数组定义2. 使用next加速匹配3. next数组如何快速生成4. 时间复杂度O(mn)的证明a) next生成的时间复杂度b) 匹配过程时间复杂度 三、例题1. [leetcode#572](https://leetcode.cn/problems/subtree-of-another-tree/description/)2.…...

编程日记 2024/3/28 6:41:05

多维数组和交错数组笔记

1.) 关于数据的几个概念&#xff1a; Rank&#xff0c;即数组的维数&#xff0c;其值是数组类型的方括号之间逗号个数加上1。 Demo&#xff1a;利用一维数组显示斐波那契数列F(n) F(n-1) F(n-2) (n >2 ),每行显示5项,20项. static void Main(string[] args){int[] F n…...

编程日记 2024/3/28 6:39:03

优化问题求解器选型指南：何时该用高斯伪谱法，而不是直接法或打靶法？

优化问题求解器选型指南&#xff1a;高斯伪谱法在动态系统控制中的战略定位 当面对化工反应器温度控制或航天器轨道转移这类复杂动态系统优化问题时&#xff0c;工程师们常陷入算法选择的困境。就像外科医生需要根据病灶位置选择手术刀或激光治疗一样&#xff0c;最优控制问题的…...

编程新知 2026/3/27 14:40:41

Beyond Compare 5密钥生成器：专业文件对比工具的永久激活方案

Beyond Compare 5密钥生成器&#xff1a;专业文件对比工具的永久激活方案 【免费下载链接】BCompare_Keygen Keygen for BCompare 5 项目地址: https://gitcode.com/gh_mirrors/bc/BCompare_Keygen 你是否正在为Beyond Compare 5的30天评估期到期而烦恼&#xff1f;这款…...

编程新知 2026/3/27 13:35:10

论文省心了！2026 最新降AI率工具测评与推荐

2026年真正好用的AI论文降重与改写工具&#xff0c;核心看降重效果、去AI味、格式保留、学术适配四大指标。综合实测&#xff0c;千笔AI、ThouPen、豆包、DeepSeek、Grammarly 是当前最值得推荐的梯队&#xff0c;覆盖从免费到付费、从中文到英文、从文科到理工的全场景需求。 …...

编程新知 2026/3/27 13:17:05

亚洲美女-造相Z-Turbo惊艳案例分享：高还原度旗袍/汉服/都市职场风人像生成

亚洲美女-造相Z-Turbo惊艳案例分享&#xff1a;高还原度旗袍/汉服/都市职场风人像生成 最近在玩一个挺有意思的AI模型&#xff0c;叫“亚洲美女-造相Z-Turbo”。这名字听起来有点技术范儿&#xff0c;但说白了&#xff0c;它就是个专门生成亚洲女性人像的AI工具。 你可能用过…...

编程新知 2026/3/27 12:52:53

Python+MinIO实战：5分钟搞定对象存储文件上传下载（附完整代码）

PythonMinIO实战&#xff1a;5分钟搞定对象存储文件上传下载&#xff08;附完整代码&#xff09; 对象存储正在成为现代应用开发中不可或缺的基础设施。无论是个人项目还是企业级应用&#xff0c;高效、可靠的文件存储方案都能显著提升开发效率。MinIO作为一款高性能的对象存储…...

编程新知 2026/3/27 12:30:47

Eye-in-Hand还是Eye-to-Hand？深入解读OpenCV手眼标定背后的四种经典算法（Tsai, Park, Horaud）

Eye-in-Hand还是Eye-to-Hand&#xff1f;深入解读OpenCV手眼标定背后的四种经典算法 在工业机器人视觉引导系统中&#xff0c;相机与机械臂的精确标定直接决定了整个系统的定位精度。当工程师第一次调用OpenCV的calibrateHandEye()函数时&#xff0c;面对CALIB_HAND_EYE_TSAI、…...

编程新知 2026/3/27 12:02:21

STP根桥选举避坑指南：华为交换机优先级设置的那些门道

STP根桥选举避坑指南&#xff1a;华为交换机优先级设置的那些门道 在网络工程师的日常工作中&#xff0c;生成树协议&#xff08;STP&#xff09;的配置看似简单&#xff0c;却暗藏玄机。特别是根桥选举这个基础环节&#xff0c;稍有不慎就会导致网络性能下降甚至环路问题。本文…...

编程新知 2026/3/27 10:29:45

从Siwave导入模型到Q3D仿真，如何避免‘幽灵’solder导致的网络报错？

从Siwave到Q3D的模型迁移&#xff1a;彻底解决"幽灵焊料"引发的网络冲突 当你在Ansys电子设计自动化工具链中切换工作环境时&#xff0c;是否遇到过这样的困扰&#xff1a;从Siwave精心准备的模型导入Q3D后&#xff0c;突然冒出各种莫名其妙的网络重叠报错&#xff…...

编程新知 2026/3/27 10:07:28

FINCH聚类算法实战：5分钟搞定无参数聚类（附Python代码）

FINCH聚类算法实战&#xff1a;5分钟搞定无参数聚类&#xff08;附Python代码&#xff09; 在数据科学和机器学习领域&#xff0c;聚类分析一直是探索性数据分析的重要工具。传统聚类方法如K-means、DBSCAN等虽然广泛应用&#xff0c;但都面临一个共同挑战&#xff1a;需要人工…...

编程新知 2026/3/27 8:10:28

VRM-Addon-for-Blender：虚拟角色创作全流程指南

VRM-Addon-for-Blender&#xff1a;虚拟角色创作全流程指南 【免费下载链接】VRM-Addon-for-Blender VRM Importer, Exporter and Utilities for Blender 2.93 or later 项目地址: https://gitcode.com/gh_mirrors/vr/VRM-Addon-for-Blender VRM-Addon-for-Blender是一款…...

编程新知 2026/3/27 7:40:14