selenium设置元素隐藏和显示

常见元素隐藏情况

在HTML中,由于页面美化和用户交互的需求,元素隐藏的使用非常常见,比如下拉菜单、内容折叠、对话框以及上传文件框等。隐藏常见有以下几种表现形式:

hidden:占据空间,无法点击

style="display: none" :最常见,不占据空间,无法点击

style="visibility: hidden":占据空间,无法点击

style="overflow: hidden":占据空间,无法点击

style="opacity: 0":占据空间,无法点击

style="position: absolute; top: -999em":不占据空间,无法点击

style="position: relative; top: -999em; ":占据空间,无法点击

style="position: absolute; visibility: hidden; ":不占据空间,无法点击

style="height: 0; overflow: hidden; ":不占据空间,无法点击

处理隐藏元素

处理隐藏元素通常涉及到以下几个步骤:

  1. 找到元素:首先,使用Selenium的find_element或find_elements方法找到隐藏元素。这与找到可见元素的方法相同。
  2. 操作元素:虽然元素在页面上不可见,但我们仍然可以操作它。例如,可以点击、输入文本或执行其他与元素相关的操作。
  3. 使用JavaScript:在某些情况下,隐藏元素可能无法通过标准Selenium操作直接访问。在这种情况下,可以使用JavaScript来操控元素。Selenium的execute_script方法可以执行JavaScript代码。

例子:

如果元素是通过JavaScript动态加载的,则需要等待元素加载完成后再进行操作,以避免出现定时问题

  • 显示按钮

先找到隐藏按钮元素,然后使用execute_script方法将按钮的CSS属性display设置为block,以使其可见

# 使用JavaScript来显示隐藏按钮
button = driver.find_element(By.ID, 'hidden-button')
driver.execute_script('arguments[0].style.display = "block";', button)
  • 隐藏滑块

使用execute_script方法将按钮的CSS属性display设置为none,以使其隐藏

# 隐藏滑块
# 使用JavaScript来显示隐藏按钮
button = driver.find_element(By.XPATH, '//div[@class="tc-fg-item"][1]')
driver.execute_script('arguments[0].style.display = "none";', button)
相关推荐
丁总学Java9 分钟前
微信小程序-npm支持-如何使用npm包
前端·微信小程序·npm·node.js
懒羊羊大王呀20 分钟前
CSS——属性值计算
前端·css
无咎.lsy1 小时前
vue之vuex的使用及举例
前端·javascript·vue.js
fishmemory7sec1 小时前
Electron 主进程与渲染进程、预加载preload.js
前端·javascript·electron
fishmemory7sec1 小时前
Electron 使⽤ electron-builder 打包应用
前端·javascript·electron
豆豆2 小时前
为什么用PageAdmin CMS建设网站?
服务器·开发语言·前端·php·软件构建
twins35203 小时前
解决Vue应用中遇到路由刷新后出现 404 错误
前端·javascript·vue.js
qiyi.sky3 小时前
JavaWeb——Vue组件库Element(3/6):常见组件:Dialog对话框、Form表单(介绍、使用、实际效果)
前端·javascript·vue.js
煸橙干儿~~3 小时前
分析JS Crash(进程崩溃)
java·前端·javascript
安冬的码畜日常3 小时前
【D3.js in Action 3 精译_027】3.4 让 D3 数据适应屏幕(下)—— D3 分段比例尺的用法
前端·javascript·信息可视化·数据可视化·d3.js·d3比例尺·分段比例尺