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

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

报名第一个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...

这个到是不难,代码如下 点击显示另一个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...

document.getElementByID('continue').onclick = function(){//找到所有的divvar div = document.getElementByTagName('div');//循环div,找到处于显示状态的div将其隐藏,并将其下一个div显示for(var i=0,len = div.length;i

1、设置div样式 z-index:auto,auto可定义为一个值(整数数字),越大代表越置前,如可定义为: z-index:999。前提是div是定位元素。 2、可以使用float元素进行实现该效果。代码实例如下: 效果如下: 例子代码: 重叠样式需要主要CSS样式解释 1、...

//简单来说就是通过设置按钮的onclick事件来控制div的显示和隐藏。 //比如在CSS中先将div的display设置为"none",那么点击的时候就先查询display值是否为"none", //如果为"none"的话,就改为"block",即显示div;如果不是"block"就改为"none",...

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中的值赋值到...

js实现点击一个按钮,改变另一个div的id的思路: 1、定义一个按钮,编写点击事件 2、获取div对象,获取id属性,重新赋值。 举例说明: 页面上有个button,叫change,并定义click事件: 定义一个div,id叫div1 点击就会改变 编写changeID函数: fu...

设置div对象的style.display属性为"none"即可隐藏该节点,设置属性为”block“可以显示之。实例演示如下: 1、HTML结构 我是一个DIV2、javascript代码 function fun(obj){var div = document.getElementById("test");if(obj.value=="隐藏"){div.st...

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

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