zoukankan      html  css  js  c++  java
  • js设置控件的隐藏与显示的两种方法

    js设置控件的隐藏与显示,设置控件style的display和visibility属性就可以了,下面有个示例,需要的朋友可以参考下
    用JavaScript隐藏控件的方法有两种,分别是通过设置控件的style的“display”和“visibility”属性。
    当style.display="block"或style.visibility="visible"时控件或见,当style.display="none"或style.visibility="hidden"时控件不可见。不同的是“display”不但隐藏控件,而且被隐藏的控件不再占用显示时占用的位置,而“visibility”隐藏的控件仅仅是将控件设置成不可见了,控件仍然占俱原来的位置。

    function displayHideUI() { 
    var ui =document.getElementById("bbs"); 
    ui.style.display="none"; 
    } 
    
    function displayShowUI() { 
    var ui =document.getElementById("bbs"); ui.style.display="";//display为空的话会好使,为block会使后边的空间换行 }
    
    function visibilityHideUI() {
    var ui =document.getElementById("bbs"); ui.style.visibility="hidden"; 
    } 
    
    function visibilityShowUI() { 
    var ui =document.getElementById("bbs"); ui.style.visibility="visible"; 
    } 
  • 相关阅读:
    css优化篇
    select超全超详细总结篇
    meta总结
    富文本编辑
    textarea 换行处理
    07 DRF响应类:Response
    06 内部类
    05 序列化组件
    04 APIView的请求生命周期
    python中if __name__ == '__main__'是什么?
  • 原文地址:https://www.cnblogs.com/dekevin/p/4527440.html
Copyright © 2011-2022 走看看