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无法正常工作

回答

相关问题