document.getElementById return null

[underwebinfo]

hola que tal, miren nunca me paso esto , por esto es que decidi publicarlo acá y que me expliquen que rayos pasa con el script :v

Código HTML:

<div id="drop_zone" draggable="true" class="Contain_Upload">
            
                        <h1>ARRASTRAR FOTOS ACÁ</h1>
 
        </div>
 

Código Javascript:

var dropzone    = document.getElementById('drop_zone');
window.onload = function(){
    alert(dropzone.className);
}
 

Uncaught TypeError: Cannot read property 'className' of null


ayudenme por favor!!!! si es sumamente simple por que me retorna nulo !!!!!!