通過JavaScript按鈕傳遞多個元素更改

我是JavaScript的新手，只涉獵編輯而不是創建。我試圖創建一個按鈕，當點擊時隱藏div，同時顯示隱藏的div。通過JavaScript按鈕傳遞多個元素更改

我已經得到了這一點，我很確定第一部分正在通過ie。

onclick="document.getElementById('page1').style.display='none'";`

而不是第二

"document.getElementById('page2').style.display='block'";

全碼

<html> 
    <head> 
     <meta charset="utf-8"> 
     <style> 
     #page1 { 
     display: block; 
     } 
     #page2 { 
     display: none; 
     } 
     </style> 
    </head> 
    <body> 
     <div id="page1"> This is page 1 
     <button type="button" 
     onclick="document.getElementById('page1').style.display='none'";"document.getElementById('page2').style.display='block'";>link to page 2</button> 
     </div> 
     <div id="page2"> This is page 2 
     <button type="button" 
     onclick="document.getElementById('page2').style.display='none'";"document.getElementById('page1').style.display='block'";>link to page 2</button> 
     </div> 
    </body> 
</html>

來源

2014-05-08 Iameki

您可以編寫多個JS在一個調用命令，你不必把在多個報價這一點。所以所有的命令都在一對引號中。

<html> 
<head> 
<meta charset="utf-8"> 
<style> 
#page1 { 
    display: block; 
} 
#page2 { 
    display: none; 
} 
</style> 
</head> 

<body> 
<div id="page1"> This is page 1 
    <button type="button" 
onclick="document.getElementById('page1').style.display='none'; document.getElementById('page2').style.display='block'";>link to page 2</button> 
</div> 
<div id="page2"> This is page 2 
    <button type="button" 
onclick="document.getElementById('page2').style.display='none'; document.getElementById('page1').style.display='block'";>link to page 2</button> 
</div> 
</body> 
</html>

來源

2014-05-08 15:03:39 Bobby5193

aha，謝謝，:-D令人難以置信的響應時間。成功了！當我有足夠的聲譽點時，我會投票給你：D – Iameki

通過JavaScript按鈕傳遞多個元素更改

回答

相關問題