Set document.getElementById to variable

Question

The following works:

    $ = document.form;
    x = $.name.value;

This doesn\'t:

    $ = document.getElementById;
    x = $         


        

Answer 1

getElementById is a method of the HTMLDocument prototype (of which document is an instance). So, calling the function in global context you will surely get an "Wrong this Error" or something.

You may use

var $ = document.getElementById.bind(document);

but

function $(id) { return document.getElementById(id); }

is also OK and maybe better to understand.