$()JS小技巧
更新時(shí)間:2007年07月21日 00:00:00 作者:
在我們寫(xiě)javascript的時(shí)候經(jīng)肯定會(huì)經(jīng)常用到 document.getElementById() 這個(gè)方法,這么長(zhǎng)一串很容易寫(xiě)錯(cuò),而且其中g(shù)etElementById又有大小寫(xiě)之分。
其實(shí)prototype.js里提倡的一個(gè)方法就是使用$()簡(jiǎn)寫(xiě),通過(guò)以下的函數(shù),你可以用$('id')來(lái)實(shí)現(xiàn)document.getElementById('id') 這個(gè)功能,怎么樣,很爽吧!
function $()
{
var elements = new Array();
for (var i = 0; i < arguments.length; i++)
{
var element = arguments[i];
if (typeof element == 'string')
element = document.getElementById(element);
if (arguments.length == 1)
return element;
elements.push(element);
}
return elements;
}
而且這個(gè)函數(shù)更爽的是,如果你想它提交一個(gè)帶多個(gè)id的數(shù)組后,他也會(huì)向你返回多個(gè)元素的Array!
其實(shí)prototype.js里提倡的一個(gè)方法就是使用$()簡(jiǎn)寫(xiě),通過(guò)以下的函數(shù),你可以用$('id')來(lái)實(shí)現(xiàn)document.getElementById('id') 這個(gè)功能,怎么樣,很爽吧!
復(fù)制代碼 代碼如下:
function $()
{
var elements = new Array();
for (var i = 0; i < arguments.length; i++)
{
var element = arguments[i];
if (typeof element == 'string')
element = document.getElementById(element);
if (arguments.length == 1)
return element;
elements.push(element);
}
return elements;
}
而且這個(gè)函數(shù)更爽的是,如果你想它提交一個(gè)帶多個(gè)id的數(shù)組后,他也會(huì)向你返回多個(gè)元素的Array!
相關(guān)文章
js+html5 canvas實(shí)現(xiàn)ps鋼筆摳圖
這篇文章主要介紹了js+html5 canvas實(shí)現(xiàn)ps鋼筆摳圖,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-04-04
兼容IE FF Opera的javascript最短的拖動(dòng)代碼
關(guān)于拖動(dòng)的代碼太多了要么復(fù)雜要么不兼容,在這就不多說(shuō)了. 這里提供個(gè)簡(jiǎn)潔的。2008-01-01
JS圖片懶加載的優(yōu)點(diǎn)及實(shí)現(xiàn)原理
這篇文章主要介紹了JS圖片懶加載的優(yōu)點(diǎn)及實(shí)現(xiàn)原理,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2020-01-01
BootStrap實(shí)現(xiàn)郵件列表的分頁(yè)和模態(tài)框添加郵件的功能
這篇文章主要介紹了bootstrap分頁(yè),模態(tài)框,實(shí)現(xiàn)郵件列表的分頁(yè),和模態(tài)框添加郵件的功能的相關(guān)資料,非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友可以參考下2016-10-10
javascript自動(dòng)切換焦點(diǎn)控制效果完整實(shí)例
這篇文章主要介紹了javascript自動(dòng)切換焦點(diǎn)控制效果的方法,結(jié)合完整實(shí)例形式分析了JavaScript響應(yīng)鍵盤(pán)按鍵控制表單輸入框的焦點(diǎn)切換功能,需要的朋友可以參考下2016-02-02
javascript框架設(shè)計(jì)之類(lèi)工廠
這篇文章主要介紹了javascript框架設(shè)計(jì)之類(lèi)工廠的相關(guān)資料,非常淺顯易懂,有需要的小伙伴可以查看下。2015-06-06

