js一点就有 一点就没！

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
 <HEAD>
  <TITLE>隐藏元素</TITLE>
  <META NAME="Generator" CONTENT="EditPlus">
  <META NAME="Author" CONTENT="">
  <META NAME="Keywords" CONTENT="">
  <META NAME="Description" CONTENT="">
 </HEAD>
<script type="text/javascript">
var Show=function(){
if(document.getElementById("one").style.display=="block"){
document.getElementById("one").style.display="none";//block   --彻底的删去了此标签，此布局会被抢占
//visibility：hidden|visible;   --隐藏了此标签 还占用布局
}else{
document.getElementById("one").style.display="block";
}

};

</script>
 <BODY>
 <input type="button" value="test" onclick="Show()"/>
  <div id="one" style="">加载中......</div>
 </BODY>
</HTML>

解决方案 »

  1.   

    不多说，直接上代码
    ===========================================================
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <title>无标题文档</title>
    <script language="javascript">
    function a(){
    var a=document.getElementById("id").style.display
    if(a=="block"){
    document.getElementById("id").style.display="none"
    }
    if(a=="none"){
    document.getElementById("id").style.display="block"
    }
    }
    </script>
    </head><body>
    <a href="#" onclick="a()">点</a>
    <div id="id" style="display:block">ddddddddddddddddddddddddddddd</div>
    </body>
    </html>
      

  2.   

    <a href="#" onclick='isshow()'>show</a>
    <div id='ss' style="display:none">hi world</div>
    <script>
    function isshow(){
    var div=document.getElementById('ss')
    div.style.display=(div.style.display=="none"?"block":"none")
    }
    </script>
      

  3.   

    都用的是div  我看有个网站好像是给表格扩大了 效果能一样不？
      

  4.   

    我不太明白你加什么不好使了？  这个原理也就是点击按钮，然后把容器（div）的样式修改为显示或者不显示，
    你其他的东西的id 不要和这个操作的ID重复就好了