点击一个按钮，把一个DIV里面的所有元素隐藏，再次点击则全部显示?

啥意思 div不变？只隐藏里面元素〉

解决方案 »

  1.   

    是呀，我这个DIV有个边框和背景的。当隐藏时，这个DIV还存在，只是里面的元素都没有了。
      

  2.   

    div1.style.display="none"//隐藏；显示：""如果你希望你的div比如外观什么的不变化，可以在div里面嵌套div1；
      

  3.   

    function butOnclick(){
      var num=0;
      if(num==0){
        $("divname").hide();
        num=1;
      }else{
        $("divname").show();
        num=0;
      }
    }
      

  4.   


    <!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=utf-8" />
    <title>无标题文档</title></head><body>
    <textarea cols="100" rows="20" id="code"></textarea>
    <div id="container">aaaaa</div>
    <input type="button" onclick="cc()">
    <script type="text/javascript">function cc(){
     var a=document.getElementById("container")
     //alert(a.style.display)
     if(a.style.display=="none"){
       a.style.display=""
     }else{
       a.style.display="none"
     }}</script></body>
    </html>
      

  5.   

    如果只是单纯的改变div.style.display，那么我的DIV也被隐藏了啊。我要的是隐藏元素后的空白DIV。我知道可以用DOM来操作，遍历DIV下的所有元素，然后设置元素control.style.display='none'。但我不知道如何操作
      

  6.   


    <HTML>
     <HEAD>
      <TITLE> New Document </TITLE>
      <script>
    var iBound = true;
      function hid(){
      var aEL = document.getElementById('oDiv').getElementsByTagName("*");
    if(iBound){

    for(var i = 0;i<aEL.length;i++){
    aEL[i].style.display="none";
    }
    iBound = false;
    }else{
    for(var i = 0;i<aEL.length;i++){
    aEL[i].style.display="block";
    }
    iBound = true;
    }

      }
      </script>
     </HEAD> <BODY>  <div id="oDiv" style="background-Color='red'">sss
      <INPUT TYPE="text" NAME="aa">
      <TEXTAREA NAME="aa" ROWS="5" COLS="5">
      </TEXTAREA>  </div>  <INPUT TYPE="button" value='  hidden ' onclick="hid()">
     </BODY>
    </HTML>
      

  7.   

    最简单的方式就是做临时变量
    var zp1dis=true;
    var zp1str="";
    function nn(){
    if(zp1dis){
    zp1dis=false;
    zp1str=zp1.innerHTML;
    zp1.innerHTML="";
    }else{
    zp1dis=true;

    zp1.innerHTML=zp1str;
    }
    }zp1是你的div的id然后，你随便建立一个button设定onclick=nn()