在開始時隱藏兩個按鈕，當點擊另一個按鈕時，顯示兩個按鈕

-2

嗨，大家對於麻煩感到抱歉，我需要幫助製作按鈕，並在開始時通過javascript阻止按鈕，當我點擊閱讀漫畫按鈕時，我希望它顯示後退和前進按鈕。在開始時隱藏兩個按鈕，當點擊另一個按鈕時，顯示兩個按鈕

需要嚴格的JavaScript幫助而不是jQuery。

function hide() 
     { 
     document.getElementById("listm").style.display = "none"; 
     } 

    function showlist() 
     { 
     document.getElementById("listm").style.display = "block"; 
     }   

    function fimage() 
     { 
     document.getElementById("bimages").style.display = "hidden"; 
     } 

    function pimage() 
     { 
     document.getElementById("bimages").style.display = "hidden" 
     } 


    <button onclick = "hide()">Read Manga</button> 
    <button onclick = "showlist()">Show List</button> 

    <button id = "bimages" onclick = "pimages()";>Back</button> 
    <button id = "bimages" onclick = "fimages();">Forward</button> 

    <script> 
    mangaimage = document.getElementById("mangaim"); 
    mangasummary = document.getElementById("ms"); 
    readmanga = document.getElementById("rm"); 
    aimages = document.getElementById("bimages"); 

    </script> 
    </body>

來源

2015-05-29 kevin chen

這個問題與Java編程有什麼關係？爲什麼是Java標籤？ –

visible不是爲display屬性（http://www.w3schools.com/cssref/pr_class_display.asp）有效值做這一點：

document.getElementById("listm").style.display = "block";

或本：

document.getElementById("listm").style.visibility = "visible";

取決於你使用的CSS隱藏元素

編輯：

隱藏在頁面加載下一個和上一個按鈕做這樣的事情：

<html> 
    <head> 
     <!-- your other head elements here --> 
     <style> 
       #next, #prev { 
        display: none; 
       } 
     </style> 
    </head> 
    <body> 
     <button onclick = "hide()">Read Manga</button> 
     <button onclick = "showlist()">Show List</button> 

     <button id = "next" onclick = "pimages()";>Back</button> 
     <button id = "prev" onclick = "fimages();">Forward</button> 
     <script> 
       //your code here 
     </script> 
    </body> 
</html>

要隱藏用JavaScript這樣做頁面加載下一個和上一個按鈕：

window.addEventListener('load', function(){ 
    document.getElementById("next").style.display = "none"; 
    document.getElementById("prev").style.display = "none"; 
}, false);

我真的不會推薦使用JavaScript，儘管如此，它最好保留在CSS中的風格的東西。

來源

2015-05-29 00:14:09 mpallansch

好吧，我解決了這個問題，謝謝。但是當你第一次加載頁面時，以及在你點擊閱讀漫畫按鈕之後，它會顯示最初隱藏的按鈕prev和next，然後我想隱藏兩個按鈕prev和next。 –

向按鈕添加兩個不同的ID（現在它們都有一個「biamges」，它是無效的html），然後在''部分創建一個'

在開始時隱藏兩個按鈕，當點擊另一個按鈕時，顯示兩個按鈕

回答