关于JS 请大大帮忙解决

<html>
<head>
<title>test</title>
<script language="javascript" type="text/javascript">
var btn = document.getElementById("mybtn");
btn.onclick = function(){
 alert(this.id);
};
</script>
</head>
<body>
<div align="center">
<input type="button" id="mybtn"  value = "click" />
</div>
</body>
</html>
为什么 btn是空的呢  

解决方案 »

  1.   


    window.onload = function() {
        var btn = document.getElementById("mybtn");
        btn.onclick = function(){
         alert(this.id);
        };
    }
      

  2.   

    找不到对像，你要么把js移到对像的下方。要么：
    window.onload = function() {
        var btn = document.getElementById("mybtn");
            btn.onclick = function(){
            alert(this.id);
        }
    }
      

  3.   

    因为你js发生作用时，DOM尚未加载完，所以会找不到对象