欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

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)文章

  • Javascript 加載和執(zhí)行-性能提高篇

    Javascript 加載和執(zhí)行-性能提高篇

    Javascript 在瀏覽器中的性能問(wèn)題,可能是最重要的可用性問(wèn)題;Js的阻塞性 瀏覽器用單一進(jìn)程來(lái)處理UI進(jìn)程和Js的執(zhí)行;不管是內(nèi)嵌的還是外鏈的,下載并立即執(zhí)行 因?yàn)樗锌赡軙?huì)修改頁(yè)面
    2012-12-12
  • js調(diào)用css屬性寫(xiě)法

    js調(diào)用css屬性寫(xiě)法

    對(duì)于沒(méi)有中劃線的css屬性一般直接使用style.屬性名即可,對(duì)于含有中劃線的css屬性,將每個(gè)中劃線去掉并將每個(gè)中劃線后的第一個(gè)字符換成大寫(xiě)即可,感興趣的朋友可以參考下
    2013-09-09
  • webpack配置完熱更新會(huì)刷新整個(gè)頁(yè)面

    webpack配置完熱更新會(huì)刷新整個(gè)頁(yè)面

    本文主要介紹了webpack配置完熱更新會(huì)刷新整個(gè)頁(yè)面,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
    2023-11-11
  • Javascript 是你的高階函數(shù)(高級(jí)應(yīng)用)

    Javascript 是你的高階函數(shù)(高級(jí)應(yīng)用)

    這篇文章主要介紹了Javascript 是你的高階函數(shù) ,需要的朋友可以參考下
    2015-06-06
  • ES6新特性二:Iterator(遍歷器)和for-of循環(huán)詳解

    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)技巧與注意事項(xiàng),需要的朋友可以參考下
    2017-04-04
  • JavaScript中的style.display屬性操作

    JavaScript中的style.display屬性操作

    今天為大家介紹的是JavaScript中的style.display屬性操作實(shí)現(xiàn)代碼與參數(shù)介紹
    2013-03-03
  • ES6中的rest參數(shù)與擴(kuò)展運(yùn)算符詳解

    ES6中的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-07
  • JavaScript實(shí)現(xiàn)手寫(xiě)call/apply/bind的示例代碼

    JavaScript實(shí)現(xiàn)手寫(xiě)call/apply/bind的示例代碼

    這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)手寫(xiě)call/apply/bind的方法,文中的示例代碼講解詳細(xì),對(duì)我們學(xué)習(xí)JavaScript有一定的幫助,需要的可以參考一下
    2023-02-02
  • js匿名函數(shù)使用&傳參(實(shí)例)

    js匿名函數(shù)使用&傳參(實(shí)例)

    下面小編就為大家?guī)?lái)一篇js匿名函數(shù)使用&傳參(實(shí)例)。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
    2017-09-09
  • bootstrap日期插件daterangepicker使用詳解

    bootstrap日期插件daterangepicker使用詳解

    這篇文章主要為大家詳細(xì)介紹了bootstrap日期插件daterangepicker的使用方法,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2017-10-10

最新評(píng)論