Crear alias a document.getElementById en Javascript

Question

¿Cómo puedo asignar un alias a la función "document.getElementById" lo he visto hacer usando $

Gracias

Answer 1

Posiblemente el/forma más fácil más corto:

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

Answer 2

Cuando usted ha visto la función $() , era probablemente una biblioteca como jQuery o Prototype. La función $ no es un alias para document.getElementById, pero es un contenedor que amplía la funcionalidad de la función.

para crear su propio envoltorio, se podría escribir una función de "alias":

var alias = document.getElemenyById; 

o

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

Pero, en realidad, me gustaría utilizar una de las bibliotecas disponibles, tales como jQuery o Prototype .

Answer 3

Esto es algo que uso en mi propia biblioteca. DOM es la clase y $ es una función que es una aplicación de acceso directo de la función getElementById:

function DOM() 
{ 
    this.$ = function(elementIDs) 
    { 
    var el; 

    // If an array of element names is passed. 
    if (arguments.length > 1) 
    { 
     var elements = []; 
     var length = arguments.length; 
     for (var i = 0; i < length; i++) 
     { 
     // Call this function recursively for each passed parameter. 
     elements.push(this.$(arguments[i])); 
     } 
     return elements; 
    } 

    // If a single element name is passed. 
    if (typeof(elementIDs) == "string") 
    { 
     el = document.getElementById(elementIDs); 
    } 
    return el; 
    } 
} 

Uso:

var el = new DOM().$("elementID"); 

Usted puede crear un alias para el elemento de ventana de nivel superior.

Answer 4

function $(s) { 
    return document.getElementById(s) ? document.getElementById(s) : ""; 
} 

$("myId"); 

Esto supone que solo desea utilizar la función dólar (selector) para obtener una ID. No probé eso, pero debería funcionar.

La última vez que miré el núcleo de jQuery, tomó una cadena como argumento y luego usé una expresión regular para determinar qué tipo de selector era.

Answer 5

facebook's connect-js hace lo siguiente en src/core/prelude.js:

if (!window.FB) { 
    FB = { 
    // ... 
    $: function(id) { 
     return document.getElementById(id); 
    } 
    // ... 
    } 
} 

Entonces, para utilizarlo, que hacen:

FB.$('name-of-id'); 

El inicial bloque crea el objeto global FB. Usan este objeto, FB, como un espacio de nombres y definen todos sus objetos, propiedades y funciones dentro de él. De esta forma, funcionará con otro código JavaScript siempre que ese otro código no use el objeto global FB.

Answer 6

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

Answer 7

Las nuevas características introducidas en ES6 permiten a mejorar la calidad de la respuesta de Chris Lloyd, simplificando:

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

a:

const $ = id=> document.getElementById(id);