Puis-je affecter document.getElementById à une variable en javascript?

Question

Je pense que document.getElementById est une fonction.

Cette fonction peut donc être affectée à une variable. Comme cette

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

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

Mais il a eu lieu l'erreur comme ceci:

Uncaught TypeError: Illegal invocation

Answer 1

La question est contexte. Lorsque vous prenez la référence à la fonction, vous perdez le contexte de la fonction à document. Donc, pour faire ce que vous essayez de, vous devez bind le contexte:

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

Exemple de travail:

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

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

Answer 2

l'envelopper en fonction d'un paramètre qui représente l'ID.

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

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