Make Alias ​​document.getElementById in Javascript

Question

Wie kann ich alias die Funktion "document.getElementById" Ich habe es mit $

Dank getan gesehen

Answer 1

Möglicherweise ist der einfachste/kürzeste Weg:

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

Answer 2

Wenn Sie den $ gesehen haben() Funktion Wahrscheinlich war es eine Bibliothek wie jQuery oder Prototype. Die $ -Funktion ist kein Alias ​​für document.getElementById, sondern ein Wrapper, der die Funktionalität der Funktion erweitert.

Ihre eigenen Wrapper erstellen, könnten Sie eine Funktion "alias" schreiben:

var alias = document.getElemenyById; 

oder

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

Aber wirklich, ich würde eine der Bibliotheken wie jQuery oder Prototype verwenden .

Answer 3

Hier ist etwas, das ich in meiner eigenen Bibliothek verwende. DOM ist die Klasse und $ ist eine Funktion, die eine Verknüpfung Umsetzung der getElementById Funktion ist:

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; 
    } 
} 

Verbrauch:

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

Sie können es auf der obersten Ebene Fensterelement Pseudonyms gestattet.

Answer 4

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

$("myId"); 

Diese Sie nur davon ausgegangen, wollen die Dollar-Funktion (Wähler) verwenden, um eine ID zu erhalten. Ich habe das nicht getestet, aber es sollte funktionieren.

Das letzte Mal, als ich den Kern von jQuery betrachtete, brauchte es einen String als Argument und dann einen regulären Ausdruck, um festzustellen, um was für einen Selektor es sich handelte.

Answer 5

facebook's connect-js führt Folgendes in src/core/prelude.js:

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

Dann, es zu benutzen, sie tun:

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

dem Anfang Block erzeugt den globalen Objekt-FB. Sie verwenden dieses Objekt, FB, als Namespace und definieren darin alle ihre Objekte, Eigenschaften und Funktionen. Auf diese Weise funktioniert es mit anderem JavaScript-Code, solange dieser andere Code nicht den globalen Objekt-FB verwendet.

Answer 6

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

Answer 7

Die neuen Funktionen in ES6 eingeführt lassen Sie uns auf Chris Lloyd Antwort zu verbessern, zu vereinfachen:

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

zu:

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