簡單的javascript隱藏內容功能不起作用

我的代碼有什麼問題？當我點擊顯示/隱藏按鈕時，什麼都不會發生。簡單的javascript隱藏內容功能不起作用

<html> 
    <head> 
    <title>Test</title> 

    <script type="text/javascript"> 
     function hidecontent(){ 
      document.getElementById("content").style.display = "none;"; 
     } 
    </script> 

    <style type="text/css"> 
     #content{ 
      border: 1px solid #003333; 
      background-color: #000033; 
      color: #ffffff; 
      height: 500px; 
      width: 500px; 
      text-align: center; 
      display: block; 
     } 
    </style> 

    </head> 

    <body> 
     <form> 
      <input type="button" value="Hide/Show" onclick="hidecontent()" /> 
     </form> 

     <?php 
      echo '<div id="content">Hello world!</div>'; 
     ?> 
    </body> 
</html>

來源

2010-11-02 William

document.getElementById（「content」）。style.display =「none;」;

請不要在沒有分號後刪除分號。

來源

2010-11-02 05:58:13

啊。非常感謝你！^_^ – William 2010-11-02 05:59:45

AHHH老鼠！好的工作Sushil，你得到一匹小馬。 :) – Ben 2010-11-02 05:59:46

none後面有分號。

來源

2010-11-02 05:59:12 Ben

問題就在這裏：

document.getElementById("content").style.display = "none;"; 
                 ^
        ------------------------------------|

應該是：

document.getElementById("content").style.display = "none";

如果你真的想顯示/隱藏DIV（如按鈕value所示），你的函數應該是這樣的：

function hidecontent(){ 
     var ds = document.getElementById("content"); 

     if (ds.style.display === 'block'){ 
      ds.style.display = 'none'; 
     } 
     else { 
      ds.style.display = 'block'; 
     } 
    }

來源

2010-11-02 05:59:22 Sarfraz

簡單的javascript隱藏內容功能不起作用

回答

相關問題