2016-04-25 3 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

Попробуйте это ниже код и это может помочь ....

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 –

0

Измените код из "getElementbyId" до "getElementById"

Смежные вопросы