mdsk.net
当前位置:首页 >> 如何用js点击一个Div来显示另外一个Div >>

如何用js点击一个Div来显示另外一个Div

这个到是不难,代码如下 点击显示另一个div点击后显示的divfunction showOtherDiv(){//获取要显示的div对象var otherDiv=document.getElementById('otherDiv');//显示otherDiv.style.display="block";}

思路:两个div先都写好,一个现实,一个隐藏,当点击时,让另一个现实,当前隐藏就好了。下面是简单的实现方式,仅提供思路。 This is a test ! This is a test ! var oBtn = document.getElementById('btn');var oDiv1 = document.getElementBy...

报名第一个div第二个divfunction btn1(){document.getElementById('div1').style.display='block';}function btn2(){document.getElementById('div1').style.display='none';document.getElementById('div2').style.display='block';}function b...

html部分: div1 div2 js部分 var div1=document.getElementById("div1"); var div2=document.getElementById("div2"); var btn=document.getElementById("btn"); var showBox=document.getElementById("show-box"); //方法一:将div中的值赋值到...

试编写示例代码如下: 显示/隐藏DIV function doHide(){ var oDiv = document.getElementById("divTest"); var oButton = document.getElementById("btnTest") if (oDiv.style.display == "none"){ oDiv.style.display = "block"; oButton.value...

两个div 先写好,一个先隐藏,点击后更改其属性,让其显示 Document .outer{ position: relative; height: 300px; width: 500px; background-color: #097df3; } .d1{ display: none; position: absolute; height: 200px; width: 300px; top: 50px; ...

var 按钮=document...; var div=document....; //点击按钮弹出div 在点击按钮关闭该div 按钮.onclick=function() { if(div.style.display=="none") { div.style.display="block"; } else { div.style.display="none"; } } //点击其他地方关闭div...

我用jquery写下吧。原生的差不多的道理。 $("#btn").click(function(){ $("#t1").hide(); $("#t2").show(); })

示例html 最简单的方法: $(document).ready(function(e) {$(".but").click(function(e) {$(".abc").toggle();});});toggle() 的作用就是当对象是显示的就隐藏,当是隐藏的则显示。 ------ 如果你除了显示和隐藏之外还需要同时实现其他功能的话...

*{margin: 0;padding: 0;}#container{height: 180px;width: 240px;margin: 200px auto;}#btn{float: left;width: 60px;height: 180px;}#tab{float: right;width: 178px;height: 178px;margin-left: -180px;border: 1px solid black;position: re...

网站首页 | 网站地图
All rights reserved Powered by www.mdsk.net
copyright ©right 2010-2021。
内容来自网络,如有侵犯请联系客服。zhit325@qq.com