日期:2014-05-16  浏览次数:20377 次

关于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 code
window.onload = function() {
    var btn = document.getElementById("mybtn");
        btn.onclick = function(){
        alert(this.id);
    }
}

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