zoukankan      html  css  js  c++  java
  • JS控制HTML元素的显示和隐藏

    JS控制HTML元素的显示和隐藏

      利用来JS控制页面控件显示和隐藏有两种方法,两种方法分别利用HTML的style中的两个属性,两种方法的不同之处在于控件隐藏后是否还在页面上占空位。

     
      方法一:

    1
    2
    document.getElementById("EleId").style.visibility="hidden";
    document.getElementById("EleId").style.visibility="visible";

      利用上述方法实现隐藏后,页面的位置还被控件占用,显示空白。
      方法二:

    1
    2
    document.getElementById("EleId").style.display="none";
    document.getElementById("EleId").style.display="inline";

      利用上述方法实现隐藏后,页面的位置不被占用。

    项目中遇到隐藏后,页面格式发生了变化,格式变丑了,尝试了N多方法,最后发现,使用byId('tr1').style.display= ""; 这句话隐藏后再显示,不影响页面的格式!!!!

  • 相关阅读:
    接口类和抽象类
    生成器和迭代器
    装饰器
    KMP算法(java,c++)
    java EE
    XML
    SQL语法
    单元测试
    JDBC
    SpringCloud
  • 原文地址:https://www.cnblogs.com/zhangchuan210/p/4709909.html
Copyright © 2011-2022 走看看