萬盛學電腦網

 萬盛學電腦網 >> 腳本專題 >> javascript >> JS的document.all函數使用

JS的document.all函數使用

 JS的document.all函數在使用中非常的頻繁,下面為大家詳細介紹下具體的使用示例

一.  document.all是頁面內所有元素的一個集合。例如:  document.all(0)表示頁面內第一個元素  二.  document.all可以判斷浏覽器是否是IE  if(document.all){  alert("is IE!");  }  三.  也可以通過給某個元素設置id屬性(id=aaaa),然後用document.all.aaaa調用該元素  四.  案例:    代碼1:  代碼如下: <input name=aaa value=aaa>  <input id=bbb value=bbb>  <script language=Jscript>  alert(document.all.aaa.value) //根據name取value  alert(document.all.bbb.value) //根據id取 value  </script>    代碼2:  但是常常name可以相同(如:用checkbox取用戶的多項愛好的情況)   代碼如下: <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) //這行代碼會失敗  </script>    代碼3:  理論上一個頁面中的id是互不相同的,如果出現不同tags有相同的id  document.all.id 就會失敗,就象這樣:  代碼如下: <input id=aaa value=a1>  <input id=aaa value=a2>  <script language=Jscript>  alert(document.all.aaa.value) //顯示 undefined 而不是 a1或者a2  </script>    代碼4:  對於一個復雜的頁面(代碼很長,或者id是由程序自動產生),或著一個  javascript初學者寫的程序,很有可能出現兩個tags有相同id的情況。  為了編程的時候不出錯,我推薦這樣的寫法:  代碼如下: <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> 
copyright © 萬盛學電腦網 all rights reserved