當(dāng)頁面上的控件同名且多個(gè)的時(shí)候,從程序的嚴(yán)密角度出發(fā),需要判斷長度,而且有長度和沒長度是兩種引用方法.
oEle= document.all.aaa ;//這里有一個(gè)aaa的對象,但我們不知道它現(xiàn)在長度是多少,所以沒辦法對它操作.因此,我們要先做判斷長度的過程.如下:
if(oEle.length){}else{};
在兩種情況下,花括號(hào)里面的內(nèi)容寫法也是不一樣的:
if(oEle.length){
for(var i = 0 ;i<oEle.length;i++){
oEle[i].value..
}
}
else{
oEle.value..
};
但是這樣寫是不是太復(fù)雜了點(diǎn)?而且當(dāng)花括號(hào)里面的代碼比較多的時(shí)候,我們要寫兩遍代碼,暈了先~
還好有
document.getElementsByName()
這個(gè)方法.它對一個(gè)和多個(gè)的處理是一樣的,我們可以用:
oEle = document.getElementsByName('aaa')
來引用
當(dāng)oEle只有1個(gè)的時(shí)候,那么就是oEle[0],有多個(gè)的時(shí)候,用下標(biāo)法oEle[i]循環(huán)獲取,是不是很簡單?
值得一提的是它對Name和ID的同樣有效的. (它只能應(yīng)用到document對象)
<div id=radiodiv language=javascript >
<INPUT name=radio1 value=1 type="radio">
<INPUT name=radio1 value=0 type="radio" CHECKED>
</div>
document.getElementsByName("radio1").item(0).value 結(jié)果是 1
但是.相對應(yīng)的,還有另一個(gè)方法,可以應(yīng)用的對象會(huì)更廣一點(diǎn):
getElementsByTagName
<div id=radiodiv language=javascript >
<INPUT name=radio1 value=1 type="radio" id=myRadio1>
<INPUT name=radio1 value=0 type="radio" id=myRadio2 CHECKED >
</div>
radiodiv.getElementsByTagName("input").item(0).value 結(jié)果是 1
,比如我知道了一個(gè)<DIV ID='aaa'><input name=input1 value=1 type=radio ><input name=input1 value=2 type=radio>......</DIV>我要取DIV里面的所有input,這樣寫就可以了:
aaa.getElementsByTagName('INPUT')
這樣就有效的可以和別的DIV(比如說有個(gè)叫bbb的DIV,里面的也是一樣的input)相區(qū)別.
同getElementsByTagName相對應(yīng),
還有一個(gè)document.body.all.tags()
能用這個(gè)方法的對象比getElementsByTagName要小得多.但比getElementsByName要多.
到這里我們還要提一下getElementById
它也是只有document對象才能使用,而且返回的是數(shù)組的第一個(gè)元素,呵呵,它的方法名都寫明了是getElement而不是getElements
<div id=radiodiv language=javascript >
<INPUT name=radio1 value=1 type="radio" id=myRadio1 >
<INPUT name=radio1 value=0 type="radio" id=myRadio2 value="myVal2" CHECKED >
</div>
document.getElementById("myRadio2").value 結(jié)果是 myVal2
Trackback: http://tb.blog.csdn.net/TrackBack.aspx?PostId=1801145
