需要使用Javascript顯示兩個隱藏CSS的div

的CSS爲＃步驟2和＃step2h是visibility：hidden的這是我目前的劇本，但我想展現的不僅是＃步驟＃但是step2h以及一個鍵使用javascript。需要使用Javascript顯示兩個隱藏CSS的div

<body> 
<center> 
<div id="header"></div> 
<div id="wrapper"> 
<div id="content"> 
<div id="contenth"> 
<h1 id=>content header</h1> 
</div> 
content 
<a href="#" onclick="changeDiv(1)">Menu 1</a> ///change to other div 
<a href="#" onclick="changeDiv(2)">Menu 2</a> 
<script> 
function changeDiv(i){ 
if(i==1) 
document.getElementById("content").innerHTML = document.getElementById("step2").innerHTML; 
else 
document.getElementById("step2").innerHTML = document.getElementById("content").innerHTML; 
} 
</script> 
</div> 
</div> 
<div id="step2"> // Showed on click 
<div id="step2h">//want to show this as well 
<h1>STEP 2 Header</h1> 
</div> 
<h2>Step 2 Content</h2> 

</div> 
</center> 
</body>

來源

2012-12-16 Chris Lorenzo

通常你會做這樣的事情：

document.getElementById("step2h").style.visibility='visible';

你可能面臨的是，取代HTML的第二步是消滅step2h的問題，因爲它是步驟2的內側，因此第二步的一部分innerHTML之中。

我會爲step2內容創建一個step2c div，並將其放在step2h下面。然後將其內容替換爲內容的內容，並且不會在此過程中丟失step2h。事情是這樣的：

<div id="step2"> 
    <div id="step2h"> 
     <h1>STEP 2 Header</h1> 
    </div> 
    <div id="step2c"> 
     <h2>Step 2 Content</h2> 
    </div> 
</div>

然後做到這一點：

document.getElementById("step2c").innerHTML = document.getElementById("content").innerHTML;

來源

2012-12-16 08:56:32

需要使用Javascript顯示兩個隱藏CSS的div

回答

相關問題