<input type="button" value="显示div1的内容" id="btn" />
<div id="div1" style="display:none">div1</div>
<div id="div2" style="display:none">div2</div>
<div id="show-box"></div>
js部分
var div1=document.getElementById("div1");
var div2=document.getElementById("div2");
var btn=document.getElementById("btn");
var showBox=document.getElementById("show-box");
//方法一:将div中的值赋值到一个用于显示的框中（showBox）
var flag=true;
btn.onclick=function(){
if(flag){
showBox.innerHTML=div1.innerHTML;
btn.value="显示div2的内容"
flag=false;
}
else{
showBox.innerHTML=div2.innerHTML;
btn.value="显示div1的内容"
flag=true;
}
}
//方法二:用按钮控制div1,div2的显示隐藏
var flag=true;
btn.onclick=function(){
if(flag){
div1.style.display="block";
div2.style.display="none";
btn.value="显示div2的内容"
flag=false;
}
else{
div2.style.display="block";
div1.style.display="none";
btn.value="显示div1的内容"
flag=true;
}
}
因为不太明白你想要哪种，所以写了两种，你选一个吧~
ps:其实用JQuery会更简单
点击按钮显示div内容在点击按钮显示另一个div内容用JS怎么写
\/\/方法一:将div中的值赋值到一个用于显示的框中（showBox）var flag=true;btn.onclick=function(){ if(flag){ showBox.innerHTML=div1.innerHTML;btn.value="显示div2的内容"flag=false;} else{ showBox.innerHTML=div2.innerHTML;btn.value="显示div1的内容"flag=true;} } \/\/方法二:用...
点击按钮弹出一个div,再点击按钮或点击其他区域关闭该div,javascript代 ...
\/\/点击按钮弹出div 在点击按钮关闭该div 按钮.onclick=function(){ if(div.style.display=="none"){ div.style.display="block";} else { div.style.display="none";} } \/\/点击其他地方关闭div document.onclick=function(){ div.style.display="none";} \/\/为了防止点击div 也关闭div 所以...
怎么用js在一个div上显示另一个div
<div onclick="showOtherDiv()" style="border:1px solid #fff">点击显示另一个div<\/div><div id="otherDiv" style="display:none;border:1px solid red">点击后显示的div<\/div><script type="text\/javascript">function showOtherDiv(){\/\/获取要显示的div对象var otherDiv=document.getEleme...
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>烦烦...
点击一个div图层,在其上面弹出另一个div图层,用js怎么实现
两个div 先写好,一个先隐藏,点击后更改其属性,让其显示 <!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>Document<\/title> <style> .outer{ position: relative; height: 300px; width: 500px; background-color: #097df3; } .d1...
js问题,鼠标点击显示div内容,再点击隐藏,两个div切换有中断。
style.display=='none'?'':'none');} } 这儿有两个问题需要说明：1,初始设定 2,mapping来源 初始设定要正确，你可以在html就设定好，也可以写一个init的function来初始化。建议用js初始化。mapping来源一定是个全局变量，俨然看成单例集合，内容的来源请根据页面结构可通过js动态配置。
...上有一个按钮,点击后隐藏,然后在显示另外一个div
1、打开html开发软件，新建一个html文件。2、在html文件上创建一个button按钮，然后给这个按钮设置一个id，在案例中把按钮的id设置为show。3、然后创建一个隐藏的div，把需要隐藏的内容写到这个div上，然后给这个div设置一个id。4、给div设置隐藏的样式。在<title>标签后面为id为hide设置样式display:none...
点击div另一个做出反应,在点击一次在做出反应,js
通过document.getElementById只能获取第一个id为给定参数的节点，不会获取多个，所以你还得换个方式获取所有有需要的节点。如果只是点击一次隐藏，再点击一次显示，参考以下代码：for(var x = 0; x < show_divs.length; x++) { if(show_divs[x].style.display == 'none'){ show_divs[x]...
一个div连接的内容在另外个div中显示,JS如何写???
document.getElementById("div1").innerHTML=document.getElementByID("div2").innerHTML;
如何实现js控制div的隐藏及显现
1、首先，打开html编辑器，新建一个html文件，例如：index.html。2、在index.html文件的<script>标签中，写入js：('button').click(function () { ('div').hide();('div').eq(parseInt(3 * Math.random())).show();});3、浏览器运行index.html页面，此时点击btn按钮总会显示其中1个div和...
