document.all還是document.getElementsByName?
更新時(shí)間:2006年07月21日 00:00:00 作者:
復(fù)制代碼 代碼如下:
(wuhen注:document.all是ie特有的屬性,不是萬(wàn)維網(wǎng)標(biāo)準(zhǔn))
當(dāng)頁(yè)面上的控件同名且多個(gè)的時(shí)候,你首先做的是什么?判斷長(zhǎng)度?的確,從程序的嚴(yán)密角度出發(fā),我們是需要判斷長(zhǎng)度,而且有長(zhǎng)度和沒(méi)長(zhǎng)度是兩種引用方法.我們來(lái)看:
oEle= document.all.aaa ;//這里有一個(gè)aaa的對(duì)象,但我們不知道它現(xiàn)在長(zhǎng)度是多少,所以沒(méi)辦法對(duì)它操作.因此,我們要先做判斷長(zhǎng)度的過(guò)程.如下:
if(oEle.length){}else{};
在兩種情況下,花括號(hào)里面的內(nèi)容寫(xiě)法也是不一樣的:
if(oEle.length){
for(var i = 0 ;i<oEle.length;i++){
oEle[i].value........
}
}
else{
oEle.value........
};
但是這樣寫(xiě)是不是太復(fù)雜了點(diǎn)?而且當(dāng)花括號(hào)里面的代碼比較多的時(shí)候,我們要寫(xiě)兩遍代碼,暈了先~
還好有document.getElementsByName()這個(gè)方法.它對(duì)一個(gè)和多個(gè)的處理是一樣的,我們可以用:
oEle = document.getElementsByName('aaa')來(lái)引用
當(dāng)oEle只有1個(gè)的時(shí)候,那么就是oEle[0],有多個(gè)的時(shí)候,用下標(biāo)法oEle[i]循環(huán)獲取,是不是很簡(jiǎn)單?
值得一提的是它對(duì)Name和ID的同樣有效的.
但是它只能應(yīng)用到document對(duì)象.相對(duì)應(yīng)的,還有另一個(gè)方法,可以應(yīng)用的對(duì)象會(huì)更廣一點(diǎn):
getElementsByTagName,比如我知道了一個(gè)<DIV ID='aaa'><input/><input/>......</DIV>
我要取DIV里面的所有input,這樣寫(xiě)就可以了:aaa.getElementsByTagName('INPUT'),這樣就有效的可以和別的DIV(比如說(shuō)有個(gè)叫bbb的DIV,里面的也是一樣的input)相區(qū)別.
同getElementsByTagName相對(duì)應(yīng),還有一個(gè)document.body.all.tags(),能用這個(gè)方法的對(duì)象比getElementsByTagName要小得多.但比getElementsByName要多.
到這里我們還要提一下getElementById,它也是只有document對(duì)象才能使用,而且返回的是數(shù)組的第一個(gè)元素,呵呵,它的方法名都寫(xiě)明了是getElement而不是getElements,所以,千萬(wàn)不要搞渾了.
好了,就到這里吧,休息,休息一會(huì)......
相關(guān)文章
webpack配置完熱更新會(huì)刷新整個(gè)頁(yè)面
本文主要介紹了webpack配置完熱更新會(huì)刷新整個(gè)頁(yè)面,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2023-11-11Javascript 是你的高階函數(shù)(高級(jí)應(yīng)用)
這篇文章主要介紹了Javascript 是你的高階函數(shù) ,需要的朋友可以參考下2015-06-06ES6新特性二:Iterator(遍歷器)和for-of循環(huán)詳解
這篇文章主要介紹了ES6新特性二:Iterator(遍歷器)和for-of循環(huán),結(jié)合實(shí)例形式分析了ES6中Iterator(遍歷器)和for-of循環(huán)遍歷操作的相關(guān)實(shí)現(xiàn)技巧與注意事項(xiàng),需要的朋友可以參考下2017-04-04ES6中的rest參數(shù)與擴(kuò)展運(yùn)算符詳解
rest參數(shù)和擴(kuò)展運(yùn)算符都是ES6新增的特性。下面這篇文章主要給大家介紹了關(guān)于ES6中rest參數(shù)與擴(kuò)展運(yùn)算符的相關(guān)資料,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面來(lái)一起看看吧。2017-07-07JavaScript實(shí)現(xiàn)手寫(xiě)call/apply/bind的示例代碼
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)手寫(xiě)call/apply/bind的方法,文中的示例代碼講解詳細(xì),對(duì)我們學(xué)習(xí)JavaScript有一定的幫助,需要的可以參考一下2023-02-02bootstrap日期插件daterangepicker使用詳解
這篇文章主要為大家詳細(xì)介紹了bootstrap日期插件daterangepicker的使用方法,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-10-10