2016-04-25 62 views
0

我不知道爲什麼我的造型點擊時不會消失。我幾乎可以肯定,我爲正在消失的函數編寫了正確的代碼。我寫了一個代碼,顯示一個綠色的方塊,它應該消失時,它被點擊,但沒有。那就是:點擊時方形不會消失

<html> 
    <head>   
     <title>Javascript</title>  
     <style type="text/css">  
     #shape{  
     width:200px; 
     height:200px; 
     background-color:green;  
     }  
     </style>  
    </head> 
    <body> 
    <div id ="shape"> 
    oo 
    </div> 
     <script type="text/javascript">  
     var start=new Date().getTime();  
     document.getElementById("shape").onclick=function(){   
     document.getElementbyId("shape").style.display="none";  
     var end=new Date().getTime();  
     var time=end-start; 
     alert(time); 
     } 
     </script>   
    </body> 
</html> 

我認爲這是與我的瀏覽器

回答

1

document.getElementbyId("shape").style.display="none";上線38必須改變以 document.getElementById("shape").style.display="none";

你可以在瀏覽器中看到這個錯誤JS-控制檯。

Uncaught TypeError: document.getElementbyId is not a function

0

從 「的getElementById」 來 「的getElementById」 試試這個下面的代碼,它可能幫助....

var start = new Date().getTime();  
$("#shape").click(function(){  
    document.getElementById("shape").style.display="none"; 
    var end=new Date().getTime();  
    var time=end-start; 
    alert(time); 
}); 
+0

的JavaScript是否區分大小寫的getElementById是來自不同的getElementById –