復(fù)制，一般都是講一個元素的value或是html賦值到另一個元素的value或是html。下面是簡單代碼實現(xiàn)：

html部分：

<inputtype="button"value="顯示div1的內(nèi)容"id="btn"/>

<divid="div1"style="display:none">div1</div>

<divid="div2"style="display:none">div2</div>

<divid="show-box"></div>

js部分

vardiv1=document.getElementById("div1");

vardiv2=document.getElementById("div2");

varbtn=document.getElementById("btn");

varshowBox=document.getElementById("show-box");

//方法一:將div中的值賦值到一個用于顯示的框中（showBox）

varflag=true;

btn.onclick=function(){

if(flag){

showBox.innerHTML=div1.innerHTML;

btn.value="顯示div2的內(nèi)容"

flag=false;

}else{

showBox.innerHTML=div2.innerHTML;

btn.value="顯示div1的內(nèi)容"

flag=true;

}

}

//方法二:用按鈕控制div1,div2的顯示隱藏

varflag=true;

btn.onclick=function(){

if(flag){

div1.style.display="block";

div2.style.display="none";

btn.value="顯示div2的內(nèi)容"

flag=false;

}else{

div2.style.display="block";

div1.style.display="none";

btn.value="顯示div1的內(nèi)容"

flag=true;

}

}