当前位置：首页 - 正文

HTML 打开一个新的DIV时怎么隐藏前面打开的DIV 而不是两个DIV重叠显示

发布网友发布时间：2022-04-19 21:15

我来回答

共4个回答

懂视网时间：2022-04-20 01:36

显示隐藏DIV的技巧

使用bootstrap的12分栅来演示

style="display: none;" 隐藏后释放占用的页面空间

document.getElementById("typediv1").style.display="none";//隐藏

document.getElementById("typediv1").style.display="";//显

　　　　　　　　　　　　　　　　 <div class="form-group">
    <div class="col-lg-3 col-sm-6">
     <label class="col-sm-4 control-label">{{taskId}}</label>
     <div class="col-md-8">
     <input type="text" id="xxx" class="form-control">
     </div>
    </div>
    <div class="col-lg-3 col-sm-6" style="display:none;">
     <label class="col-sm-4 control-label">{{msgId}} </label>
     <div class="col-sm-8" 　 >
     <input type="text" id="xxx" class="form-control">
     </div>
    </div>
    <div class="col-lg-3 col-sm-6">
     <label class="col-sm-4 control-label">{{createTime}}</label>
     <div class="xxx input-group col-sm-8" >
     <input type="text" id="xxx" class="xxx">
     <span class="input-group-addon">
      <i class="fa fa-clock-o bigger-110"></i>
     </span>
     </div>
    </div>
    <div class="col-lg-3 col-sm-6">
    <label class="col-sm-4 control-label">{{to}}</label>
    <div class="xxxe input-group col-sm-8">
     <input id="xxx"
     class="xxx">
     <span class="input-group-addon"> <i
     class="fa fa-clock-o bigger-110"></i>
     </span>
    </div>
    </div>
   </div>

热心网友时间：2022-04-19 22:44

循环找到所有的Div，给每个Div添加事件，每次打开时，隐藏所有的Div，并把当前Div的active设置display：block

热心网友时间：2022-04-20 00:02

触发打开新div功能的时候，给上一个div隐藏属性不就可以了追问

能用代码简单说明下吗新手。

热心网友时间：2022-04-20 01:37

我觉得你是想用bootstrap的collapse，官网上有个多panel的样例，你可以看看。

div标签怎么隐藏显示

div标签隐藏显示方法：打开html开发软件，新建一个html文件，在html文件上创建一个button按钮，然后给这个按钮设置一个id，在案例中把按钮的id设置为show。然后创建一个隐藏的div，把需要隐藏的内容写到这个div上，然后给这个div设置一个id，在案例中设置案例的id为hide。给div设置隐藏的样式。在标签后面为...

html隐藏一个div?

将div的宽度和高度设置为零，也可以达到隐藏的效果。/*示例*/ div{ width：0px;height:0px;overflow:hidden;/*规定当内容溢出元素框时隐藏。防止div大小设置为零，里面的文本却还是显示。*/ } html显示隐藏divdiv的visibility可以控制div的显示和隐藏，但是隐藏后页面显示空白:1 2 3 style="visibilit...

html 点击一个按钮显示另一个div 隐藏之前呢个div(display属性,怎么用...

show1.style.display = 'none';show2.style.display='block';} } </script> <input type="button" value="点击" id="btn" onclick="show(t1);"/> <div id="t1" style="display:block"><h3>隐藏这个</h3></div> <div id="t2" style="display:none"> <h3>显示这个<span>烦烦...

HTML打开一个链接的时候如何不跳转新窗口直接在内嵌页面展示?

<a href="./face/demo.html" target='obj'>链接</a> <br> <iframe src="./face/index.html" name="obj" frameborder="0"></iframe> 请点击输入图片描述

不设置position 怎么让一个DIV遮掉另一个DIV的下半部分

两个框是不重叠的.我们可以设置第一个diva的下边距.设置为负数即可 diva{width: 100px; height: 100px; margin-bottom:-50px; background:#666}#divb{width: 100px; height: 100px; background:#F00} 这样就实现覆盖了.当然还有个 z-index,用法你应该知道,试试吧希望对你有帮助 ...

HTML怎么将一个div放在另外一个div上面而不影响上面div的基本操作

一种是楼上说的冒泡事件，另一种是直接从布局上改变两个div的从属关系。如 <div style="position: relative;"><div style="position: absolute; z-index: 2;"></div></div>这种点击里面的div，那么父级由于事件冒泡也会同时响应事件，所以如果需要阻止事件传递最简单的办法如修改内部div为<div ...

...2个div 的部分重叠在一起并将其中一个div的内容固定显示在上层...

重叠在一起需要改变默认的布局方式，将其中一个显示在上层需要设置深度顺序，这两点分别用如下样式完成 position: absolute; /*设置为绝对定位*/z-index:999; /*设置重叠的上下次序，值越大月在上方*/示例如下创建Html元素 <div class="top"><div class="b">我是绝对定位，并且重叠在上方</di...

html的一个DIV样式,如何使内容滚动条隐藏,但依旧可以滚动?

结论是，要让HTML的DIV内容隐藏滚动条但依然可滚动，需要通过CSS样式实现。以下是具体步骤：首先，你需要在你的开发环境中，如电脑上安装好HTML编辑器，比如SublimeText或VisualStudioCode，并新建一个基础的HTML文件，如index.html。接下来，打开这个文件，将注意力集中在CSS部分。在标签中添加以下CSS代码：...

HTML,点击超链接隐藏另外一个div中的内容,最好用CSS,不行就用js也行

a 中添加 onclick=doClick() (添加点击事件) href="javascript:;" （让点击超连接不跳转而是只为流js操作）要隐藏的标签加上个 id="clickid"; (id 你自己选）与下文的一致 js中中 function doCLick(){ var id= document.getElementById("clickid")；//选中元素 id.style.display...

js如何实现点击div显示另一个div同时本div隐藏,有好几个div的,要怎么...

打印时怎样不打印隐藏的内容怎么打开隐藏的应用打印时有些被隐藏怎么设置打印时不打印隐藏区域文件隐藏了怎么显示出来隐藏空间怎么打开文件被隐藏怎么显示 QQ当别人给你发消息时怎么隐藏如何打开隐藏的文件夹

声明：本网页内容为用户发布，旨在传播知识，不代表本网认同其观点，若有侵权等问题请及时与本网联系，我们将在第一时间删除处理。
E-MAIL:11247931@qq.com

焦点

HTML 打开一个新的DIV时怎么隐藏前面打开的DIV 而不是两个DIV重叠显示

最新推荐

猜你喜欢

热门推荐

HTML 打开一个新的DIV时 怎么隐藏前面打开 的DIV 而不是两个DIV重叠 显示

最新推荐

猜你喜欢

热门推荐

HTML 打开一个新的DIV时怎么隐藏前面打开的DIV 而不是两个DIV重叠显示