首页 新闻 论坛 群组 Blog 文档 下载 读书 Tag 网摘 搜索 .NET Java 游戏 视频 人才 外包 培训 数据库 书店 程序员
中国软件网
欢迎您:游客 | 登录 注册 帮助
  • 点击一个按钮,把一个DIV里面的所有元素隐藏,再次点击则全部显示? [已结贴,结贴人:millfox]
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    发表于:2008-06-06 10:46:49 楼主
    如题,DIV里面可能含有text,button这样的控件,也可能含有普通的文字
    20  修改 删除 举报 引用 回复
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    发表于:2008-06-06 10:48:281楼 得分:0
    啥意思 div不变?只隐藏里面元素〉
    修改 删除 举报 引用 回复
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    发表于:2008-06-06 11:01:472楼 得分:0
    看看,有点用。
    修改 删除 举报 引用 回复
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    发表于:2008-06-06 11:02:393楼 得分:0
    是呀,我这个DIV有个边框和背景的。当隐藏时,这个DIV还存在,只是里面的元素都没有了。
    修改 删除 举报 引用 回复
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    发表于:2008-06-06 11:06:124楼 得分:0
    div1.style.display="none"//隐藏;显示:""

    如果你希望你的div比如外观什么的不变化,可以在div里面嵌套div1;

    修改 删除 举报 引用 回复
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    发表于:2008-06-06 11:07:265楼 得分:0
    引用 3 楼 millfox 的回复:
    是呀,我这个DIV有个边框和背景的。当隐藏时,这个DIV还存在,只是里面的元素都没有了。


    两个div用相同的背景。
    修改 删除 举报 引用 回复
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    发表于:2008-06-06 11:07:326楼 得分:0
    function butOnclick(){
      var num=0;
      if(num==0){
        $("divname").hide();
        num=1;
      }else{
        $("divname").show();
        num=0;
      }
    }

    修改 删除 举报 引用 回复
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    发表于:2008-06-06 11:13:267楼 得分:0
    HTML code
    <!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>
    修改 删除 举报 引用 回复
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    发表于:2008-06-06 11:21:028楼 得分:0
    如果只是单纯的改变div.style.display,那么我的DIV也被隐藏了啊。我要的是隐藏元素后的空白DIV。

    我知道可以用DOM来操作,遍历DIV下的所有元素,然后设置元素control.style.display='none'。但我不知道如何操作
    修改 删除 举报 引用 回复
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    发表于:2008-06-06 11:35:359楼 得分:20
    HTML code
    <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>
    修改 删除 举报 引用 回复
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    发表于:2008-06-06 11:41:2610楼 得分:0
    对,就是这样!太感谢了
    修改 删除 举报 引用 回复
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    • wdbjsh
    • 等级:
    发表于:2008-06-06 11:46:2311楼 得分:0
    最简单的方式就是做临时变量


    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()
    修改 删除 举报 引用 回复

    网站简介广告服务网站地图帮助联系方式诚聘英才English 问题报告
    北京创新乐知广告有限公司 版权所有 京 ICP 证 070598 号
    世纪乐知(北京)网络技术有限公司 提供技术支持
    Copyright © 2000-2008, CSDN.NET, All Rights Reserved