对于前端隐藏元素，一直是selenium自动化定位元素的隐形杀手，脚本跑到隐藏元素时位置时报各种各样的错误，

隐藏的下拉菜单又没有办法避免，此帖只为交流隐藏元素自动化定位处理方法（3种操作）
       处理1：（修改样式）

html这种格式的：
           

处理操作：

 from selenium import webdriver
 from selenium.webdriver.support.select import Select
 import os,time

 driver = webdriver.Firefox()
 file_path = 'file:///' + os.path.abspath('test.html')
 driver.get(file_path)

 js = 'document.querySelectorAll("select")[0].style.display="block";'
 driver.execute_script(js)

 sel = driver.find_element_by_tag_name('select')
 Select(sel).select_by_value('opel')

 time.sleep(2)

 driver.quit()

来自虫师的解释：

document.querySelectorAll("select")[0].style.display="block";
document.querySelectorAll("select")  选择所有的select。
 [0] 指定这一组标签里的第几个。
style.display="block";  修改样式的display="block" ,表示可见。
 执行完这句js代码后，就可以正常操作下拉框了。
     
      处理2：（定位元素，修改样式）重点描述：
      调用js方法:execute_script(script, *args)
      在当前窗口/框架 同步执行JavaScript
      脚本：JavaScript的执行。
      *参数：适用任何JavaScript脚本。
      使用：driver.execute_script（‘document.title’）
     示例csdn登录框：

 #coding=utf-8
 from selenium import webdriver
 from time import sleep 

 driver = webdriver.Firefox()
 driver.get("http://www.csdn.net/")
 sleep(10)
 driver.find_element_by_link_text("登录").click()
 sleep(10) 

 #给用户名输入框标红显示
 js="var q=document.getElementById(\"username\");q.style.border=\"1px solid red\";"
 #调用js
 driver.execute_script(js)
 sleep(3) 

 driver.find_element_by_id("username").send_keys("username")
 driver.find_element_by_id("password").send_keys("password")
 driver.find_element_by_class_name("logging").click()
 sleep(3) 

 driver.quit()

JS调用解释：
        q=document.getElementById(\"username\")
         元素q的id 为username
         q.style.border=\"1px solid red\
         元素q的样式，边框为1个像素红色/
 3、隐藏元素：
   js.html

 <html>
     <head>
       <meta http-equiv="content-type" content="text/html;charset=utf-8" />
       <title>js</title>
       <script type="text/javascript" async="" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
       <link href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.min.css" rel="stylesheet" />
       <script type="text/javascript">
         $(document).ready(function(){
           $('#tooltip').tooltip({"placement": "right"});
         });
       </script>
     </head>  

     <body>
       <h3>js</h3>
       <div class="row-fluid">
         <div class="span6 well">
           <a id="tooltip" href="#" data-toggle="tooltip" title=" selenium-webdriver(python)">hover to see tooltip</a>
           <a class="btn">Button</a>
         </div>
       </div>
     </body>
     <script src="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/js/bootstrap.min.js"></script>
   </html>

python脚本：

 #coding=utf-8
 from selenium import webdriver
 import time,os 

 driver = webdriver.Firefox()
 file_path = 'file:///' + os.path.abspath('js.html')
 driver.get(file_path)
 '''
 通过JS 隐藏选中的元素
 '''
 #第一种方法：
 driver.execute_script('$("#tooltip").fadeOut();')
 time.sleep(5) 

 #第二种方法：
 button = driver.find_element_by_class_name('btn')
 driver.execute_script('$(arguments[0]).fadeOut()',button)
 time.sleep(5)

第一种是页面上引用；
    第二种是定位到元素后使用；
    具体解释如下：
         arguments对象，它是调用对象的一个特殊属性，用来引用Arguments对象。
         Arugments对象就像数组。
         fadeOut() 方法使选中元素隐藏起来，假如该元素是可隐藏的。
         fadein()则是相反渐显得意思。
    示例场景如下：

效果展示如下：

---------------------
作者：DCclient
来源：CSDN
原文：https://blog.csdn.net/DCclient/article/details/72900261
版权声明：本文为博主原创文章，转载请附上博文链接！

js操作：selenium无法操作隐藏元素问题的更多相关文章

  1. selenium+python自动化104-如何获取隐藏元素text文本

    前言 首先 selenium 是可以定位到隐藏元素的,但是 selenium 不能跟隐藏元素交互,也就是隐藏元素element不能使用element.click()方法. 隐藏元素element.te ...

  2. selenium如何高亮某元素和操作隐藏的内容

    高亮元素的思路是: 1.找到要高亮的元素 2.对该元素执行js,更改style达到高亮效果. 操作隐藏的内容思路: 1.可以用Actions的moveToElement,使鼠标悬停在触发隐藏内容的元素 ...

  3. Python+selenium（操作隐藏元素）

    测试过程中,偶尔会碰到一些页面的隐藏元素,如下,是小编举的一个简单的例子: test.html <html> <head></head> <body> ...

  4. selenium在操作隐藏元素时会报错，怎么判断元素是隐藏的？

    首先页面元素隐藏有五种方法: 1. opacity: 0; opacity 属性的意思是设置一个元素的透明度.它不是为改变元素的边界框(bounding box)而设计的.这意味着将 opacity ...

  5. Java&Selenium调用JS实现高亮被操作页面元素高亮

    Java&Selenium调用JS实现高亮被操作页面元素高亮 /* * the method of invoking js to do something * * @author daviey ...

  6. 如何借助浏览器Console使用Js进行定位和操作元素

    在进行Selenium自动化过程中,我们很难避免一些webdriver 很难定位到的一些元素(如:默认隐藏属性元素),那对于一些比较难定位到的元素,有什么好的解决办法?     其实我们都知道,Sel ...

  7. selenium之浏览器、元素、鼠标等操作总结

    1    控制浏览器 Selenium 主要提供的是操作页面上各种元素的方法,但它也提供了操作浏览器本身的方法,比如浏览器的大小以及浏览器后退.前进按钮等. 1.1  控制浏览器窗口大小 在不同的浏览 ...

  8. GSAP JS基础教程--TweenLite操作元素的相关属性

    今天来学习用TweenLite操作元素的各种属性,以Div为例,其他元素的操作也是一样的,只是可能一些元素有它们的特殊属性,就可能不同罢了.   代码里用详细注释,我就不再重复啦,大家看代码就可以啦! ...

  9. ui自动化之selenium操作（五）简单元素操作--续

    1. 多窗口切换 有时候需要在多窗口切换,webdriver提供了switch_to_window()方法支持切换窗口: from selenium import webdriver import o ...

随机推荐

  1. 初次使用Mybatis

    目录 mybatis简介 导入jar包 创建数据库以及数据库表 创建实体类 创建mapper.xml文件 配置mybatis 测试mybatis 三种查询方式 selectOne selectList ...

  2. python基础概念（转）

    基础回顾: 1.集合 集合有2个重要作用:关系测试(并集,差集,交集)和去重. 2.文件编码 2.7上默认文件编码是ASCII码,因为不支持中文,就出了GB2312,在2.7上要支持中文就必须申明文件 ...

  3. react混合开发APP，资源分享

    第一个: 链接:https://pan.baidu.com/s/1KdIs8EUcB9YTuK9VW1dC7g 密码:b68m 第二个: 链接:https://pan.baidu.com/s/1mi7 ...

  4. TsinsenA1221 大楼【矩阵快速幂】

    题目分析: 重新定义矩阵运算,$*$等价于$+$,$+$等价于$max$. 然后倍增一下,再二分一下. 代码: #include<bits/stdc++.h> using namespac ...

  5. NOI2018游记

    Day-1 下午报道,没什么好说的 Day0 先考笔试,开幕式咕到了下午 笔试没什么好说的,反正都是 \(100\) 好像有很多人被gedit坑了? 下午开幕式,很多省的口号都有意思,比如: &quo ...

  6. Windows下Redis的安装和部署

    Redis 简介 Redis 是完全开源免费的,遵守BSD协议,是一个高性能的key-value数据库. Redis 与其他 key - value 缓存产品有以下三个特点: Redis支持数据的持久 ...

  7. Java Web项目中解决中文乱码方法总结

    一.了解常识: 1.UTF-8国际编码,GBK中文编码.GBK包含GB2312,即如果通过GB2312编码后可以通过GBK解码,反之可能不成立; 2.web tomcat:默认是ISO8859-1,不 ...

  8. SignarL服务器端发送消息给客户端的几种情况

    一.所有连接的客户端 Clients.All.addContosoChatMessageToPage(name, message); 二.只发送给呼叫的客户端(即触发者) Clients.Caller ...

  9. 洛谷P2120 [ZJOI2007]仓库建设 斜率优化DP

    做的第一道斜率优化\(DP\)QwQ 原题链接1/原题链接2 首先考虑\(O(n^2)\)的做法:设\(f[i]\)表示在\(i\)处建仓库的最小费用,则有转移方程: \(f[i]=min\{f[j] ...

  10. pytest 10 skip跳过测试用例

    pytest.mark.skip可以标记无法在某些平台上运行的测试功能,或者你希望失败的测试功能 skip意味着只有在满足某些条件时才希望测试通过,否则pytest应该跳过运行测试.常见事例时非win ...