关于JS 请大大帮忙解决,该如何处理 _JavaScript

关于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是空的呢

------解决方案--------------------

JScript code


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

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

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

------解决方案--------------------
楼上正解