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