JS的document.all函數使用

來源:互聯網
上載者:User

 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> 
相關文章

Beyond APAC's No.1 Cloud

19.6% IaaS Market Share in Asia Pacific - Gartner IT Service report, 2018

Learn more >

Apsara Conference 2019

The Rise of Data Intelligence, September 25th - 27th, Hangzhou, China

Learn more >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。