製作別名的document.getElementById在Javascript

Question

我怎樣才能別名功能「的document.getElementById」 我已經看到了使用$

感謝

Answer 1

可能最簡單的/最簡單的辦法：

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

Answer 2

當你已經看到了做$（）函數，它可能是一些庫，如jQuery或Prototype。 $函數不是的document.getElementById的別名，但是擴展功能的功能性的包裝。

要創建您自己的包裝，你可以寫一個函數「別名」：

var alias = document.getElemenyById; 

或

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

不過說真的，我會用如jQuery或原型可用庫之一。

Answer 3

這裏的東西我在我自己的圖書館使用。 DOM是類和$是一個函數，它是一個快捷方式實現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; 
    } 
} 

用法：

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

你可以別名，從而頂層窗口元素。

Answer 4

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

$("myId"); 

這假定您只想使用美元函數（選擇器）來獲取ID。我沒有測試，但它應該工作。

我最後一次看的jQuery的核心，它把一個字符串作爲參數，然後使用正則表達式來確定它是什麼樣的選擇的。

Answer 5

facebook's connect-js確實在src/core/prelude.js如下：

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

然後，要使用它，他們這樣做：

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

初始塊創建全局對象FB。他們使用這個對象，FB，爲命名空間和定義在它所有的對象，屬性和功能。這樣，只要其他代碼不使用全局對象FB，它就可以與其他JavaScript代碼一起工作。

Answer 6

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

Answer 7

在ES6引入的新功能讓我們提高克里斯·勞埃德的回答，簡化：

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

到：

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