Javascript顯示/隱藏div無法正常工作

我對javascript編碼比較新，一直在做html \ css，所以我在JS中編寫了這個函數，它隱藏並顯示了一個div，但它似乎沒有工作可以告訴我，我做錯了什麼？Javascript顯示/隱藏div無法正常工作

的Javascript：

<script type="text/javascript"> 

function click() 
{ 

    if (document.getElementById("div1").style.opacity == "1") 
    { 
     document.getElementById("div1").style.height="0px"; 
     document.getElementById("div1").style.width="0%"; 
     document.getElementById("div1").style.opacity="0"; 
    } 

    else 
    { 
     document.getElementById("div1").style.height="400px"; 
     document.getElementById("div1").style.width="60%"; 
     document.getElementById("div1").style.opacity="1"; 
    } 


} 

</script>

下面是HTML代碼我工作：

<boutton onclick="click()">TEST CLICK</button> 
<div id="div1">Random text in here...</div>

而且還style標籤：

<style> 
#div1 
{ 
    background-color: rgba(0, 0, 0, 0.4); 
    color: #CBA303; 
    font-weight: bold; 
    text-align: center; 
    border-radius: 20px; 
    box-shadow: 10px 10px 15px gray; 
    height: 0px; 
    width: 0%; 
    padding: 10px; 
    font-size: 2em; 
    font-family: sans-serif; 
    z-index: 10; 
    position: absolute; 
    top: 20%; 
    left: 20%; 
    opacity: 0; 
    transition: height,width,opacity 1s ease; 
} 
</style>

感謝您的幫助！

來源

2015-11-02 Yassir

您的按鈕標籤在問題中存在拼寫錯誤。在你的實際代碼中是這樣嗎？ – Jesse

你應該真正閱讀如何提出正確的問題。你的頭銜很可能沒有引起注意，因爲它很脆弱，甚至不能解釋你的問題。 – jerseyetr

沒有「按鈕」不是那樣在實際的HTML，對不起，我拼錯它，當我在這裏寫代碼。 – Yassir

重命名你的onclick功能到別的東西，除了click()

example在這裏，我簡單地將其重命名爲toggle()，你可以看到它的工作。

來源

2015-11-02 21:08:31

謝謝它確實工作，不知道爲什麼，但它確實 – Yassir

稱爲window.click（）應該工作[信息從這裏重新：javascript函數命名單擊]（http://stackoverflow.com/a/4389178/5360631） – smcd

Javascript顯示/隱藏div無法正常工作

回答

相關問題