Почему нельзя задавать `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; вне функции и назначьте его в событии загрузки.