Can I assign document.getElementById to variable in javascript [duplicate]

Question

This question already has answers here:

Why can't I directly assign document.getElementById to a different function? (5 answers)

Closed 2 years ago.

I think document.getElementById is a function.

So this function can be assigned to variable. Like this

var hello = document.getElementById;
console.log(hello('hello')));

<div id="hello">hello</div>

But It occurred error like this:

Uncaught TypeError: Illegal invocation

Answer 1

The issue is context. When you take the reference to the function, you lose the function's context to document. So, in order to do what you are trying to, you need to bind the context:

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

Working example:

var hello = document.getElementById.bind(document);
console.log(hello('hello'));

<div id="hello">hello</div>

Answer 2

Wrap it as a function with a parameter which represents the ID.

var hello = function(id){
     return document.getElementById(id);
}
console.log( hello('hello')  );

<div id="hello">hello</div>