Javascript中的「button is null」是什麼意思？

-1

我剛開始使用JavaScript進行編碼，我決定運行一些代碼。（如下所示）Javascript中的「button is null」是什麼意思？

var handleClick = function (event) { 
    alert('Hello there!'); 
}; 
var button = document.querySelector('#big-button'); 
button.addEventListener('click', handleClick);

但是，每當我運行代碼，它會說按鈕爲空。幫幫我？

來源

2015-08-26 Youngjin Song

的ID沒有在頁面上的元素會發生這種情況.querySelector（）'方法無法找到'大button'的ID的DOM元素，它將返回'null' –

有沒有在你的DOM ID'大button'任何元素？ – sp00m

如果你有'ID =「大按鈕」'DOM元素，那麼你可能只是運行此代碼太早之前的頁面已被瀏覽器解析。將此代碼放置在頁面末尾的'

移動你的代碼onload塊

window.onload = function(){ 
    var button = document.querySelector('#big-button'); 
    button.addEventListener('click', handleClick); 

}

來源

2015-08-26 16:06:18 nikhil

內。在這種情況下，這意味着變量「按鈕」，當您嘗試和執行行button.addEventListener('click', handleClick)爲空。如果你當代碼執行具有「大按鈕」您正在試圖如果`文檔與呼叫檢索到document.querySelector('#big-button');

來源

2015-08-26 16:06:31

-1

<button id="big-button">click me</button> 
    <script> 

     var handleClick = function (event) { 
      alert('Hello there!'); 
     }; 
     var button = document.querySelector('#big-button'); 
     button.addEventListener('click', handleClick); 
    </script>

來源

2015-08-26 16:17:33 START

一段沒有解釋的代碼幾乎不可能是一個好答案，因爲它可能會添加一些解釋。 – jfriend00

相關問題