爲什麼不能將`document.getElementById`設置爲全局變量？

Question

的代碼結構在這裏

var mydo=sessionStorage.getItem("action"); 
function to_delete(){ 
    var _table=document.getElementById("showTable"); 
    //omit 
    } 
window.onload=function(){ 
    to_delete(); 
    } 

我得到想要的結果。 現在重寫爲下面的代碼結構：

var mydo=sessionStorage.getItem("action"); 
var _table=document.getElementById("showTable"); 
function to_delete(){ 
    //omit 
    } 
window.onload=function(){ 
    to_delete(); 
    } 

錯誤發生，TypeError: _table is null。
爲什麼不能設置document.getElementById爲全局變量？

Answer 1

在您的重寫var _table=document.getElementById("showTable");在文檔加載之前運行，因此該元素不存在。

取而代之的是在函數之外聲明全局var _table;並在加載事件中分配給它。