未捕獲的TypeError：無法設置null的屬性'onclick'使用window.onload後不工作

Question

我收到以下錯誤。

Uncaught TypeError: Cannot set property 'onclick' of null sample.aspx:40 sample.aspx 40 
- window.onload               sample.aspx 40 

我有搜索解決這個錯誤但我無法成功。我發現很多與此錯誤相關的帖子，並且建議每個人都使用Window.onload但我仍然可以解決我的問題。

這裏是我的代碼

<script> 
     var b4 = document.getElementById('b4'), 
      button4 = document.getElementById('set4'); 
     window.onload = function() { 
      button4.onclick = function() { 

       // Update the Button 
       var pause = button4.innerHTML === 'start!'; 

       return false; 

      } 
     }; 

    </script> 

因此，任何一個請告訴我如何解決這個錯誤。

Answer 1

您在onload之外設置變量。 DOM沒有準備好，所以元素還不存在。試着把它放在加載事件中：

 window.onload = function() { 
     var b4 = document.getElementById('b4'), 
      button4 = document.getElementById('set4'); 
     button4.onclick = function() { 

      // Update the Button 
      var pause = button4.innerHTML === 'start!'; 

      return false; 

     } 
    };