$()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深入學(xué)習(xí)之?dāng)?shù)組對(duì)象排序操作示例
這篇文章主要介紹了JS深入學(xué)習(xí)之?dāng)?shù)組對(duì)象排序操作,結(jié)合實(shí)例形式詳細(xì)分析了JavaScript數(shù)組對(duì)象排序相關(guān)實(shí)現(xiàn)技巧與操作注意事項(xiàng),需要的朋友可以參考下2020-05-05
在JavaScript里嵌入大量字符串常量的實(shí)現(xiàn)方法
在JavaScript文件里嵌入大量字符串常量是經(jīng)常遇到的事。有時(shí)為了省事，就把一些界面的HTML和CSS直接寫(xiě)在JS文件里2013-07-07
微信小程序?qū)崿F(xiàn)多行文字滾動(dòng)效果
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)多行文字滾動(dòng)效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-03-03
Nautil 中使用雙向數(shù)據(jù)綁定的實(shí)現(xiàn)
這篇文章主要介紹了Nautil 中使用雙向數(shù)據(jù)綁定的實(shí)現(xiàn)，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-10-10
JavaScript逐點(diǎn)突破系列之this是什么
本章將專(zhuān)門(mén)介紹與執(zhí)行上下文創(chuàng)建階段直接相關(guān)的最后一個(gè)細(xì)節(jié)——this是什么？以及它的指向到底是什么，感興趣的朋友跟隨小編一起看看吧2021-04-04
基于JS實(shí)現(xiàn)點(diǎn)擊圖片在彈出層顯示大圖效果
Javascript是個(gè)好東西。Jquery是基于這個(gè)好東西的一個(gè)強(qiáng)大的庫(kù)。本文將利用JavaScript實(shí)現(xiàn)點(diǎn)擊圖片在彈出層顯示大圖功能，感興趣的可以了解一下2022-08-08
查詢(xún)綁定數(shù)據(jù)島的表格中的文本并修改顯示方式的js代碼
查詢(xún)綁定數(shù)據(jù)島的表格中的文本并修改顯示方式的js代碼2009-12-12
下面小編就為大家?guī)?lái)一篇老生常談 js中this的指向。小編覺(jué)得挺不錯(cuò)的， 現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-06-06
JS實(shí)現(xiàn)隨機(jī)抽獎(jiǎng)小功能
這篇文章主要為大家詳細(xì)介紹了JS實(shí)現(xiàn)隨機(jī)抽獎(jiǎng)小功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-01-01
JS延時(shí)器提示框的應(yīng)用實(shí)例代碼解析
這篇文章主要介紹了JS延時(shí)器提示框的應(yīng)用實(shí)例代碼解析 的相關(guān)資料,需要的朋友可以參考下2016-04-04