点击时，方形不会消失

square shape won't disappear when clicked on

本文关键字：消失 方形不      更新时间：2023-09-26
我不知道

为什么我的形状在单击时不会消失。我几乎可以肯定我为消失的函数写下了正确的代码。我写了一个显示绿色方块的代码，点击它应该消失，但没有。在这里：

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

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

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

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

Uncaught TypeError: document.getElementbyId is not a function

试试下面的代码，它可能会有所帮助。

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

将代码从"getElementbyId"更改为"getElementById"

相关文章：