document.all還是document.getElementsByName?
更新時間：2006年07月21日 00:00:00 作者：
復制代碼 代碼如下:
（wuhen注：document.all是ie特有的屬性，不是萬維網(wǎng)標準）
當頁面上的控件同名且多個的時候,你首先做的是什么?判斷長度?的確,從程序的嚴密角度出發(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........
};
但是這樣寫是不是太復雜了點?而且當花括號里面的代碼比較多的時候,我們要寫兩遍代碼,暈了先~
還好有document.getElementsByName()這個方法.它對一個和多個的處理是一樣的,我們可以用:
oEle = document.getElementsByName('aaa')來引用
當oEle只有1個的時候,那么就是oEle[0],有多個的時候,用下標法oEle[i]循環(huán)獲取,是不是很簡單?
值得一提的是它對Name和ID的同樣有效的.
但是它只能應用到document對象.相對應的,還有另一個方法,可以應用的對象會更廣一點:
getElementsByTagName,比如我知道了一個<DIV ID='aaa'><input/><input/>......</DIV>
我要取DIV里面的所有input,這樣寫就可以了:aaa.getElementsByTagName('INPUT'),這樣就有效的可以和別的DIV(比如說有個叫bbb的DIV,里面的也是一樣的input)相區(qū)別.
同getElementsByTagName相對應,還有一個document.body.all.tags(),能用這個方法的對象比getElementsByTagName要小得多.但比getElementsByName要多.
到這里我們還要提一下getElementById,它也是只有document對象才能使用,而且返回的是數(shù)組的第一個元素,呵呵,它的方法名都寫明了是getElement而不是getElements,所以,千萬不要搞渾了.
好了,就到這里吧,休息,休息一會......
相關文章
下面小編就為大家?guī)硪黄钊肜斫釰S addLoadEvent函數(shù)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-05-05
微信小程序點擊圖片實現(xiàn)長按預覽、保存、識別帶參數(shù)二維碼、轉(zhuǎn)發(fā)等功能
這篇文章主要介紹了微信小程序點擊圖片實現(xiàn)長按預覽、保存、識別帶參數(shù)二維碼、轉(zhuǎn)發(fā)等功能,本文通過實例代碼給大家介紹的非常詳細，具有一定的參考借鑒價值，需要的朋友可以參考下2019-07-07
這篇文章主要為大家詳細介紹了微信小程序自定義導航欄效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-05-05
本文詳細介紹了DOM的概念和常用操作，文檔對象模型 (DOM) 是 HTML 和 XML 文檔的編程接口。它提供了對文檔的結(jié)構(gòu)化的表述，并定義了一種方式可以使從程序中對該結(jié)構(gòu)進行訪問，從而改變文檔的結(jié)構(gòu)，樣式和內(nèi)容，感興趣的朋友可以參考閱讀本文2023-04-04
Javascript中數(shù)組sort和reverse用法分析
這篇文章主要介紹了Javascript中數(shù)組sort和reverse用法,實例分析了sort和reverse使用時的注意事項與相關技巧,具有不錯的參考借鑒價值,需要的朋友可以參考下2014-12-12
JavaScript本地存儲與會話存儲的實現(xiàn)介紹
本地存儲和會話存儲是比較常用的方法，你知道兩者的區(qū)別嗎，本文詳細的介紹了JavaScript中本地存儲(LocalStorage)和會話存儲(SessionStorage)的使用，具有一定的參考價值，感興趣的可以了解一下2022-08-08
本文主要介紹了JavaScript中如何判斷對象是否為空的方法，文中通過示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-02-02
ymPrompt的doHandler方法來實現(xiàn)獲取子窗口返回值的方法
今天在寫頁面時用到了ymPrompt的win方法來彈出一個窗口。由于要用到獲取子窗口返回來的值判斷是否刷新父窗口,在ymPrompt的組件Demo中一直沒有找到合適的方法實現(xiàn)2010-06-06
js實現(xiàn)屏蔽默認快捷鍵調(diào)用自定義事件示例
本文要說的是如何屏蔽默認的快捷鍵后去執(zhí)行自定義的事件，下面以一個textarea中enter進行保存的例子為大家詳細介紹下，感興趣的朋友可以參考下哈2013-06-06
JavaScript30 一個月純 JS 挑戰(zhàn)中文指南(英文全集)
JavaScirpt30 是 Wes Bos 推出的一個 30 天挑戰(zhàn)。項目免費提供了 30 個視頻教程、30 個挑戰(zhàn)的起始文檔和 30 個挑戰(zhàn)解決方案源代碼。目的是幫助人們用純 JavaScript 來寫東西，不借助框架和庫，也不使用編譯器和引用2017-07-07