Javascript TypeError: result of expression is not an object

Question

This should be real simple... But it ain't... >.<

var x = document.getElementById('x');
function snooze()
{
x.style.height = '10px';
}

Upon execution, the error I get is:

TypeError: Result of expression 'x' [null] is not an object.

Edit: Heads up, it works when I put the var declaration inside the function. I don't understand... :-(

function snooze()
{
var x = document.getElementById('x');
x.style.height = '10px';
}

Answer 1

Either:

1. There is no element on the page with id="x".
2. The code is running before the document is loaded.

If an element with id="x" exists, try:

window.onload = function () {
    // your code in here
};