2007年7月26日 星期四

document.all還是document.getElementsByName

當頁面上的控件同名且多個的時候,從程序的嚴密角度出發,需要判斷長度,而且有長度和沒長度是兩種引用方法.

document.getElementsByName()

這個方法.它對一個和多個的處理是一樣的,我們可以用:
oEle = document.getElementsByName('aaa')
來引用
當oEle只有1個的時候,那麼就是oEle[0],有多個的時候,用下標法oEle[i]循環獲取,是不是很簡單?

值得一提的是它對Name和ID的同樣有效的. (它只能應用到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 結果是 1



但是.相對應的,還有另一個方法,可以應用的對象會更廣一點:

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 結果是 1



, 比如我知道了一個
......
我要取DIV裡面的所有input,這樣寫就可以了:

aaa.getElementsByTagName('INPUT')

這樣就有效的可以和別的DIV(比如說有個叫bbb的DIV,裡面的也是一樣的input)相區別.

同getElementsByTagName相對應,

還有一個document.body.all.tags()

能用這個方法的對象比getElementsByTagName要小得多.但比getElementsByName要多.


到這裡我們還要提一下

getElementById

它也是只有document對象才能使用,而且返回的是數組的第一個元素,呵呵,它的方法名都寫明了是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 結果是 myVal2

【下列文章您可能也有興趣】

沒有留言: