Crea alias per document.getElementById in Javascript

Question

Come posso alias la funzione "document.getElementById" ho visto fare con $

Grazie

Answer 1

Forse il/via più breve più semplice:

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

Answer 2

Quando hai visto il $ function() , probabilmente era una libreria come jQuery o Prototype. La funzione $ non è un alias per document.getElementById, ma è un wrapper che estende la funzionalità della funzione.

per creare il proprio involucro, si potrebbe scrivere un "alias" Funzione:

var alias = document.getElemenyById; 

o

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

Ma in realtà, vorrei utilizzare una delle librerie disponibili come jQuery o Prototype .

Answer 3

ecco qualcosa che uso nella mia libreria. DOM è la classe e $ è una funzione che è un'implementazione rapida della funzione 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; 
    } 
} 

Usage:

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

Puoi alias per l'elemento superiore finestra di livello.

Answer 4

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

$("myId"); 

Questo presuppone che si desidera utilizzare solo la funzione dollaro (selettore) per ottenere un ID. Non l'ho provato, ma dovrebbe funzionare.

L'ultima volta ho guardato il nucleo di jQuery, essa ha una stringa come argomento e poi utilizzato un'espressione regolare per determinare quale tipo di selettore è stato.

Answer 5

facebook's connect-js esegue le seguenti operazioni in src/core/prelude.js:

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

Quindi, per utilizzarlo, lo fanno:

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

L'iniziale il blocco crea l'oggetto globale FB. Usano questo oggetto, FB, come spazio dei nomi e definiscono tutti i loro oggetti, proprietà e funzioni al suo interno. In questo modo, funzionerà con altro codice JavaScript purché quell'altro codice non utilizzi l'FB dell'oggetto globale.

Answer 6

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

Answer 7

Le nuove funzionalità introdotte in ES6 ci permettono di migliorare la risposta di Chris Lloyd, semplificando:

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

a:

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