Question

我不知道为什么我的形状在点击时不会消失。我几乎可以肯定我为正在消失的函数编写了正确的代码。我编写了一个显示绿色方块的代码，它在点击时会消失但不会消失。这是：

<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>

我认为这与我的浏览器有关

Answer 1

第38行的document.getElementbyId("shape").style.display="none";必须更改为 document.getElementById("shape").style.display="none";

您可以在浏览器JS控制台中看到此错误。

Uncaught TypeError: document.getElementbyId is not a function

Answer 2

尝试以下代码，它可能会有所帮助......

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);
});

Answer 3

更改代码来自＆＃34; getElementbyId＆＃34;到＆＃34; getElementById＆＃34;

单击时方形不会消失

3 个答案: