1、Javascript 控制 html元素 显示/隐藏

<script type="text/javascript">

   function display(id){
      var traget=document.getElementById(id);
       if(traget.style.display=="none"){
                traget.style.display="";
       }else{
               traget.style.display="none";
       }
   }
</script>

2、Javascript控制页面控件隐藏显示的两种方法

Javascript控制页面控件隐藏显示的两种方法，方法的不同之处在于控件隐藏后是否还在页面上占位。

方法一：

document.all["PanelSMS"].style.visibility="hidden";
document.all["PanelSMS"].style.visibility="visible";

方法二：

document.all["PanelSMS"].style.display="none";
document.all["PanelSMS"].style.display="inline";

方法一隐藏后 页面的位置还被控件占用 只是不显示 类似于.net验证控件的Display=Static
方法二隐藏后 页面的位置不被占用 类似于.net验证控件的Display=Dynamic