在頁面加載時隱藏DIV

我試圖在頁面加載時隱藏DIV元素，並在點擊了Purchase now buton之後單擊DIV元素加載。現在它顯示何時加載頁面，何時點擊它隱藏，即使當我在功能中切換「塊」和「無」時它仍然不起作用？任何人都可以幫我把它藏在負載上嗎？在頁面加載時隱藏DIV

感謝

顯示&隱藏腳本：

function showhide() 
    { 
    var div = document.getElementById("newpost"); 
    if (div.style.display !== "none") { 
     div.style.display = "none"; 
    } 
    else { 
     div.style.display = "block"; 
    } 
    }

DIV元素：

<div id="newpost" class="hidden"> 

    Enter Your First Name:</td> <input type="text" size="10"> 
    <br> 
    Enter Your Surname: <input type="text" size="10"> 
    <br> 
    Enter Your Address: <input type="text" size="10"> 
    <br> 
    Enter Your E-mail: <input type="text" size="10"> 
    <br> 

    <input type="button" value="Submit Purchase" id="B1" onClick="final()"> 
</table> 
      </div>

調用者：

 Basket: <input type="text" id="Total" disabled="disabled" > <input type="button" value= "Purchase Now" onclick ="showhide()"> <input type="button" value= "Clear Basket" onclick ="showhide()">

來源

2015-04-12 GKYDD GGDRYB

使用CSS：'#newpost {display：none; }' –

什麼叫'showhide'？ – emd

我不確定您在帖子中提到的「立即購買」按鈕是否與代碼中的「提交購買」按鈕相同，但如果是，則在頁面加載時隱藏div也會隱藏該按鈕。如果是這種情況，您需要將輸入標籤從div中移出。 – thirtyish

我會用CSS來藏e它：

<html> 
    <head> 
     <title>...</title> 
     <style type="text/css"> 
      #newpost { 
       display: none; 
      } 
     <style> 
    </head> 
    <body> 
     <!-- ...... --> 
    </body> 
</html>

這意味着您的DIV將默認隱藏（根據樣式規則），並且您的函數將在調用時顯示它。

其餘的代碼應該沒有問題（記住要點擊時單擊「立即購買」按鈕，所以它不會再次按下，因此，您的DIV將再次隱藏）。

來源

2015-04-12 19:41:11

+1在頁面加載時不建議對jQuery進行多餘的調用。其他答案是過度使用這個用例的方法。 – Alex

在頁面加載時隱藏DIV

回答

相關問題