我們來看:
oEle= document.all.aaa ;//這裡有一個aaa的對象,但我們不知道它現在長度是多少,所以沒辦法對它操作.因此,我們要先做判斷長度的過程.如下:
if(oEle.length){}else{};
在兩種情況下,花括號裡面的內容寫法也是不一樣的:
復制代碼 代碼如下:
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]循環獲取,是不是很簡單?
值得一提的是它對Name和ID的同樣有效的.
但是它只能應用到document對象.相對應的,還有另一個方法,可以應用的對象會更廣一點:
getElementsByTagName,比如我知道了一個<DIV ID='aaa'><input/><input/>......</DIV>
我要取DIV裡面的所有input,這樣寫就可以了:aaa.getElementsByTagName('INPUT'),這樣就有效的可以和別的DIV(比如說有個叫bbb的DIV,裡面的也是一樣的input)相區別.
同getElementsByTagName相對應,還有一個document.body.all.tags(),能用這個方法的對象比getElementsByTagName要小得多.但比getElementsByName要多.
到這裡我們還要提一下getElementById,它也是只有document對象才能使用,而且返回的是數組的第一個元素,呵呵,它的方法名都寫明了是getElement而不是getElements,所以,千萬不要搞渾了