                        課程
                    
                        /前端開發
                        
                            /JavaScript
                        
                        /DOM事件探秘

DOM 0級問題為什么按鈕不響應，提示錯誤是btn2是空

var btn2=document.getElementById("btn2");//取出按鈕2

btn2.onclick=function(){ //function ()是匿名函數

window.alert("這是DOM 0級調用的事件");

}

一墨飛雪

2016-04-24

源自：DOM事件探秘 2-2

關注問題我要回答

1217

操作

收起

3 回答

Wei丶Haijun 回答被采納 +3 積分
2016-04-24

如果你的id沒有寫錯的話，很可能是在執行getElementById的時候 btn2還沒有創建出來，你可以像下面這樣寫。

window.onload?=?function()?{
???//...?寫上你的代碼?
}

1 回復有任何疑惑可以回復我~

收起回答

一墨飛雪提問者

非常感謝！

2016-04-24 回復有任何疑惑可以回復我~

一墨飛雪提問者

為什么這樣寫就可以？多謝多謝

2016-04-24 回復有任何疑惑可以回復我~

Wei丶Haijun 回復一墨飛雪提問者

HTML是從上之下順序解析的，你在<head></head>里面導入的js肯定要比<body></body>里面的內容先解析，所以在執行js代碼的時候會獲取不到btn2；如果寫在window.onload里面，會等到整個文檔流加載完畢之后才會執行。

2016-04-24 回復有任何疑惑可以回復我~

查看1條回復

慕瓜3744089
2016-06-03

? ? ? ?var btn2=document.getElementById("btn2");

? ? ? ? ?function bt1(){

? ? ? window.open('http://www.baidu.com','_blank','width=300 height=200','tooler=no');

? ? ? ?}

?btn2.onclick="bt1()";

</script>

這個完全沒有反應哈，怎么回事

0 回復有任何疑惑可以回復我~

收起回答

慕函數9642432

<input type="button" value="登陸" id="btn2" > <script type="text/javascript"> var btn=document.getElementById("btn2"); btn.onclick=function(){ window.open('http://www.baidu.com','_blank','width=300 height=200'); }; </script>

2016-07-31 回復有任何疑惑可以回復我~