document.all的一個(gè)比較完整的總結(jié)及案例
更新時(shí)間:2013年01月31日 15:05:13 作者:
document.all想必學(xué)習(xí)javascript的同學(xué)們都很了解吧,本文主要是針對(duì)一些剛?cè)腴T的童鞋們做一下有關(guān)document.all的相關(guān)總結(jié),感興趣的朋友可以了解下,或許本文對(duì)你有所幫助
一.
document.all是頁(yè)面內(nèi)所有元素的一個(gè)集合。例如:
document.all(0)表示頁(yè)面內(nèi)第一個(gè)元素
二.
document.all可以判斷瀏覽器是否是IE
if(document.all){
alert("is IE!");
}
三.
也可以通過給某個(gè)元素設(shè)置id屬性(id=aaaa),然后用document.all.aaaa調(diào)用該元素
四.
案例:
代碼1:
<input name=aaa value=aaa>
<input id=bbb value=bbb>
<script language=Jscript>
alert(document.all.aaa.value) //根據(jù)name取value
alert(document.all.bbb.value) //根據(jù)id取 value
</script>
代碼2:
但是常常name可以相同(如:用checkbox取用戶的多項(xiàng)愛好的情況)
<input name=aaa value=a1>
<input name=aaa value=a2>
<input id=bbb value=bbb>
<script language=Jscript>
alert(document.all.aaa(0).value) //顯示a1
alert(document.all.aaa(1).value) //顯示a2
alert(document.all.bbb(0).value) //這行代碼會(huì)失敗
</script>
代碼3:
理論上一個(gè)頁(yè)面中的id是互不相同的,如果出現(xiàn)不同tags有相同的id
document.all.id 就會(huì)失敗,就象這樣:
<input id=aaa value=a1>
<input id=aaa value=a2>
<script language=Jscript>
alert(document.all.aaa.value) //顯示 undefined 而不是 a1或者a2
</script>
代碼4:
對(duì)于一個(gè)復(fù)雜的頁(yè)面(代碼很長(zhǎng),或者id是由程序自動(dòng)產(chǎn)生),或著一個(gè)
javascript初學(xué)者寫的程序,很有可能出現(xiàn)兩個(gè)tags有相同id的情況。
為了編程的時(shí)候不出錯(cuò),我推薦這樣的寫法:
<input id=aaa value=aaa1>
<input id=aaa value=aaa2>
<input name=bbb value=bbb>
<input name=bbb value=bbb2>
<input id=ccc value=ccc>
<input name=ddd value=ddd>
<script language=Jscript>
alert(document.all("aaa",0).value)
alert(document.all("aaa",1).value)
alert(document.all("bbb",0).value)
alert(document.all("bbb",1).value)
alert(document.all("ccc",0).value)
alert(document.all("ddd",0).value)
</script>
document.all是頁(yè)面內(nèi)所有元素的一個(gè)集合。例如:
document.all(0)表示頁(yè)面內(nèi)第一個(gè)元素
二.
復(fù)制代碼 代碼如下:
document.all可以判斷瀏覽器是否是IE
if(document.all){
alert("is IE!");
}
三.
也可以通過給某個(gè)元素設(shè)置id屬性(id=aaaa),然后用document.all.aaaa調(diào)用該元素
四.
案例:
代碼1:
復(fù)制代碼 代碼如下:
<input name=aaa value=aaa>
<input id=bbb value=bbb>
<script language=Jscript>
alert(document.all.aaa.value) //根據(jù)name取value
alert(document.all.bbb.value) //根據(jù)id取 value
</script>
代碼2:
但是常常name可以相同(如:用checkbox取用戶的多項(xiàng)愛好的情況)
復(fù)制代碼 代碼如下:
<input name=aaa value=a1>
<input name=aaa value=a2>
<input id=bbb value=bbb>
<script language=Jscript>
alert(document.all.aaa(0).value) //顯示a1
alert(document.all.aaa(1).value) //顯示a2
alert(document.all.bbb(0).value) //這行代碼會(huì)失敗
</script>
代碼3:
理論上一個(gè)頁(yè)面中的id是互不相同的,如果出現(xiàn)不同tags有相同的id
document.all.id 就會(huì)失敗,就象這樣:
復(fù)制代碼 代碼如下:
<input id=aaa value=a1>
<input id=aaa value=a2>
<script language=Jscript>
alert(document.all.aaa.value) //顯示 undefined 而不是 a1或者a2
</script>
代碼4:
對(duì)于一個(gè)復(fù)雜的頁(yè)面(代碼很長(zhǎng),或者id是由程序自動(dòng)產(chǎn)生),或著一個(gè)
javascript初學(xué)者寫的程序,很有可能出現(xiàn)兩個(gè)tags有相同id的情況。
為了編程的時(shí)候不出錯(cuò),我推薦這樣的寫法:
復(fù)制代碼 代碼如下:
<input id=aaa value=aaa1>
<input id=aaa value=aaa2>
<input name=bbb value=bbb>
<input name=bbb value=bbb2>
<input id=ccc value=ccc>
<input name=ddd value=ddd>
<script language=Jscript>
alert(document.all("aaa",0).value)
alert(document.all("aaa",1).value)
alert(document.all("bbb",0).value)
alert(document.all("bbb",1).value)
alert(document.all("ccc",0).value)
alert(document.all("ddd",0).value)
</script>
您可能感興趣的文章:
相關(guān)文章
簡(jiǎn)介JavaScript中的getUTCFullYear()方法的使用
這篇文章主要介紹了簡(jiǎn)介JavaScript中的getUTCFullYear()方法的使用,是JS入門學(xué)習(xí)中的基礎(chǔ)知識(shí),需要的朋友可以參考下2015-06-06js檢測(cè)瀏覽器版本、核心、是否移動(dòng)端示例
這篇文章主要介紹了js檢測(cè)瀏覽器版本、核心、是否移動(dòng)端示例,需要的朋友可以參考下2014-04-04Javascript的IE和Firefox兼容性匯編(zz)
[紅色]Javascript的IE和Firefox兼容性匯編(zz)...2007-02-02簡(jiǎn)單談?wù)刯avascript中this的隱式綁定
在JavaScript中,this 的概念比較復(fù)雜。除了在面向?qū)ο缶幊讨校瑃his 還是隨處可用的。這篇文章介紹了this的隱式綁定,希望大家能夠喜歡。2016-02-02