精华内容
下载资源
问答
  • 悬浮显示元素离开隐藏元素
  • clickOutHide,点击元素以外的地方隐藏元素jQuery插件。能够支持忽略部分元素的配置,灵活方便。
  • 本文主要介绍了使用js获取隐藏元素宽高的解决方案以及代码思路,具有很好的参考价值,下面跟着小编一起来看下吧
  • selenium定位隐藏元素

    千次阅读 2019-05-28 10:37:33
    ... ...问题:如何定位隐藏元素?...通过编写js代码更改隐藏元素的display属性,然后执行即可,详见代码 #选择批次年 #将隐藏元素设置为可见 driver.execute_script("document.getElementsByClassName('e...

    1.输入框不点击的时候,选项框时隐藏的

    2.点击输入框后,选项框显示

    问题:如何定位隐藏元素???

    通过编写js代码更改隐藏元素的display属性,然后执行即可,详见代码

            #选择批次年
            #将隐藏元素设置为可见
            driver.execute_script("document.getElementsByClassName('el-input__inner')[6].style.display='block'")
            #点击输入框
            driver.find_element_by_xpath('/html/body/div[1]/div/div[2]/section/div/div/form/div[7]/div/div/div/input').click()#.is-focus > input:nth-child(1)
            #选择选项
            driver.find_element_by_xpath('/html/body/div[3]/div[1]/div[1]/ul/li[2]').click()#/html/body/div[3]/div[1]/div[1]/ul/li[2]
            #获取值
            process_year = driver.find_element_by_xpath('/html/body/div[3]/div[1]/div[1]/ul/li[2]/span').get_attribute('innerHTML')
            print(process_year)

     

     

    展开全文
  • 1,隐藏元素无法获取焦点 2,对于div等特殊元素获取焦点 关于元素获取焦点 body { margin: 32px; font-family: Verdana, sans-serif; font-size: 14px; } .title { font-size: 18px; font-weight: bolder;margin...
  • 隐藏元素的监听,例如,隐藏的input框,普通change事件是无法监控的。
  • display显示与隐藏元素

    千次阅读 2020-09-25 18:35:40
    显示与隐藏元素本质displayvisibilityoverflow 本质 让一个元素在页面隐藏或者显示出来 display display用来设置一个元素如何进行显示 display:none ;隐藏元素 display:block;除了转换块元素之外,也用来显示元素...

    显示与隐藏元素

    本质

    让一个元素在页面隐藏或者显示出来

    display

    display用来设置一个元素如何进行显示

     display:none ;隐藏元素
    
     display:block;除了转换块元素之外,也用来显示元素
    

    display隐藏元素后,不在占有原来的位置。

    visibility

    visibility:visiable;元素可视;
    
    visibility:hidden;元素隐藏;
    

    visibility隐藏元素后,继续占有原来的位置。

    如果隐藏元素想要原来的位置,就用

    visibitily:hidden
    

    如果隐藏元素不想要原来的位置,就用

    display:none
    

    (display用处更多)

    overflow

    默认:visible

    scroll:滚动条

    auto:在需要的时候增加滚动条(溢出时才显示滚动条)

    hidden:溢出隐藏

    一般情况下,我们都会把溢出的部分隐藏,因为溢出的部分会影响布局。

    但是如果有定位的盒子,慎用overflow:hidden 因为它会隐藏多余的部分

    (定位盒子,故意超出的,如若使用hidden,会隐藏)

    案例:显示与隐藏

    <!DOCTYPE html>
    
    <html lang="en">
    
    <head>
    
        <meta charset="UTF-8">
    
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
    
      <title>Document</title>
    
    </head>
    
    <style>
    
      .div1{
    
        display: none;
          
       height: 100px;
    
       width: 100px;
    
      background-color: red;
    
      }
    
      .div2{ 
    
       height: 444px;
    
       width: 320px;
    
      background-color: blue;
    
       margin: 30px auto;
    
       position: relative;
    
      }
    
      .div2 img{
    
       width: 100%;
    
       height: 100%;
    
      }
    
      .mask{
    
      width: 100%;
    
      height: 100%;
    
     background: rgba(0,0,0,.4) url("水蜜桃.png") no-repeat center center;
    
     position: absolute;
    
     top: 0;
    
     left: 0;
    
     display: none;
    
      }
    
      .div2:hover .mask{
    
        display: block;
    
      }
    
    </style>
    
    <body>
    
        <div class="div1"></div>
    
        <div class="div2" >
    
            <div class="mask">
    
    
    
        </div>
    
            <img src="https://ss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=501511919,1655485510&fm=26&gp=0.jpg" alt="">
    
      </div>
    
    </body>
    
    </html>
    
    展开全文
  • 本文主要介绍了无法获取隐藏元素(display:none)宽度(width)和高度(height)的解决方案,具有很好的参考价值。下面跟着小编一起来看下吧
  • 显示、隐藏元素我们可以通过css来实现;添加删除样式我们可以通过js或jquery来实现,下面为大家讲解的是使用jquery实现元素的显示隐藏及样式的添加与删除
  • selenium中隐藏元素定位

    千次阅读 2019-07-24 15:01:57
    这个是很多面试官喜欢问的一个题,如果单纯的定位的话,隐藏元素和普通不隐藏元素定位没啥区别,用正常定位方法就行了 但是吧~~~很多面试官自己都搞不清楚啥叫定位,啥叫操作元素(如click,clear,send_keys) ...

    前言

    面试题: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呢?

     

    原文发布于微信公众号 - 从零开始学自动化测试

    展开全文
  • display和visibility隐藏元素

    千次阅读 2015-06-23 20:08:24
    隐藏元素的方式有很多种,最常用的是display:none;visibility:hidden;z-index:-9999; display display:none;隐藏一个元素,并释放掉该元素所占有的原有空间。即可以理解为:将该元素删除了,当display属性改变...

    隐藏元素的方式有很多种,最常用的是display:none;visibility:hidden;z-index:-9999;


    display

    display:none;隐藏一个元素,并释放掉该元素所占有的原有空间。即可以理解为:将该元素删除了,放在了单独的一块内存中,当display属性改变时再重新为元素分配空间,但原有的空间设置已不负存在。jquery的show()和hide()方法就是通过该属性来实现显隐的。(摸不着也看不见)


    display的常用值:

        none:元素不显示

        block:该元素将被当作一个块级元素,元素前后都将换行

        inner:默认值,该元素将被当作一个内联元素,元素前后均不换行

        inner-block:行内块元素

        list-item:元素将作为列表显示

        table:元素将作为块级表格显示

        table-row:元素将作为表格一行

        table-column:元素将作为表格一列

        table-cell:元素将作为表格的一个单元格


    如何在jquery中判断一个元素是否被show或者hide?

    $("#id").is(":hidden"):判断元素是否被隐藏了,即使用了hide()方法使元素的display属性值变成了none。

    $("#id").is(":visible"):判断元素是否正显示,即使用了show()方法使display的值不再是none。


    visibility

    visibility:hidden;隐藏一个元素,但会保留元素的占用空间,即是逻辑上的隐藏,实际上是存在的。(摸得着看不见)


    visibility常用的值:

        hidden:隐藏一个元素。

        visible:默认值,显示一个元素。


    z-index:-9999

    z-index:-9999;只能用于定位元素上,即有position属性才行。其作用是定义元素的堆叠顺序。即是元素延z轴的位置。其值可为正数,也可为负数,为正数时离用户更近,为负数时,离用户更远,被之上的元素遮盖从而达到隐藏的效果。


    z-index的常用值:

        auto:默认,与父元素同一层次。

        正数:接近用户。

        负数:远离用户。



    展开全文
  • html显示与隐藏元素的几种方式

    万次阅读 2019-03-25 18:17:58
    none : 无 隐藏元素 block : 显示 转换为块级元素 visibility visible :显示 hidden :隐藏 区别 :隐藏时display不占位置,visibility占位置 overflow hidden :溢出的部分隐藏掉 visible : 显示 auto :...
  • 主要介绍了javascript获取隐藏元素(display:none)的高度和宽度的方法,实现方法比较复杂,需要的朋友可以参考下
  • miniUI显示隐藏元素的方法

    千次阅读 2020-05-25 14:30:28
    在原生中总是会使用 document.getElementById().style = "display:none" ...mini.getbyName("获取隐藏元素的name").hide() mini.getbyName("获取隐藏元素的name").setVisible(false/true); //false表示隐藏 t
  • 前端隐藏元素方法归纳

    千次阅读 2019-07-30 23:44:41
    CSS隐藏元素:display:none、opacity:0、visibility:hidden display:none—结构存在页面中,但元素之前占据的位置会被其他元素替换、无法响应绑定的事件 opacity:0——结构存在页面中,元素之前占据的位置不会被...
  • CSS隐藏元素五种方法

    万次阅读 2018-01-07 15:37:07
    css隐藏元素的方法 1、利用opacity透明度来隐藏,opacity设置为0,它只是一种视觉隐藏,元素本身依旧占用它的位置并对网页的布局起到作用,它也同样影响用户交互。在读屏软件中会被识别。 2、visibility:规定元素...
  • 不占位置隐藏元素: style="display:none" 占位置隐藏元素: style="visibility:hidden" 转自:https://blog.csdn.net/BuquTianya/article/details/50771986
  • 如何使用Bootstrap4显示和隐藏元素

    千次阅读 2020-02-25 00:23:34
    如何使用Bootstrap4显示和隐藏元素 为了更快地进行移动设备开发,请使用响应式显示类来按设备显示和隐藏元素。避免创建相同站点的完全不同版本,而是相应地为每个屏幕大小隐藏元素。 要隐藏元素,只需使用.d-none...
  • 隐藏元素谈起

    千次阅读 2016-08-16 14:36:53
    前言 说起隐藏元素我想每一个前端er都能说起几种,但能说全的我想就不是很多了。博主总结了几种隐藏元素的方法,总结如下表格: overflow opacity visibility display position clip(clip-path) z-index ...
  • 页面隐藏元素,即元素属性中包含 type="hidden"或者style="display: none"。此时如果需要对元素进行进行操作,使用selenium提供的常规方法是不可行的,这个时候就需要用到JS。selenium无法操作隐藏元素,但是能正常...
  • jQuery中隐藏元素的hide方法

    千次阅读 2019-07-18 09:22:08
    jQuery中隐藏元素的hide方法 隐藏元素hide是让页面的元素不可见,一般可以通过设置css的display为none属性,通过css直接修改是静态的布局,如果在代码执行的时候,一般通过js控制元素的style属性,在这里jquery提供...
  • selenium操作隐藏元素——交流帖

    万次阅读 2017-06-07 15:28:14
    1、对于前端隐藏元素,一直是selenium自动化定位元素的隐形杀手,脚本跑到隐藏元素时位置时报各种各样的错误,可是这种隐藏的下拉菜单又没有办法避免,所以非常头痛,此帖只为交流隐藏元素自动化定位处理方法;...
  • jquery获取隐藏元素的宽度高度

    千次阅读 2017-04-13 12:10:49
    注意: show的第一个参数不能为0否则在刷新页面或页面默认载入并显示该隐藏元素的时候,w仍然为0(虽然通过单击事件可以获取到w的宽度) 运用参考环境:获取单选列表中选中状态下显示的div宽度 参考: https:
  • CSS隐藏元素的五种方法

    千次阅读 2016-06-20 15:20:40
    CSS隐藏元素的方法
  • CSS 隐藏元素的八种方法

    千次阅读 2016-12-10 17:23:36
    总括: 本文详细讲述了在网页中用CSS隐藏元素的七种方法。 原文博客地址:从隐藏元素谈起 知乎专栏&&简书专题:前端进击者(知乎)&&前端进击者(简书) 念念不忘,必有回响;有一口气,点一盏灯。 正文 ...
  • 前言 面试题:selenium 中隐藏元素如何定位?这个是很多面试官喜欢问的一个题,如果单纯的定位的话,隐藏元素和普通不隐藏元素定位没啥区别,用正常定位方法就行了 但是吧~~~很多面试官自己都搞不清楚啥叫定位,啥...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 380,666
精华内容 152,266
关键字:

隐藏元素