首頁  >  文章  >  web前端  >  JS的document.all函數使用範例_基礎知識

JS的document.all函數使用範例_基礎知識

WBOY
WBOY原創
2016-05-16 17:06:141146瀏覽

一.
document.all是頁面內所有元素的一個集合。例如:
document.all(0)表示頁內第一個元素
二.
document.all可以判斷瀏覽器是否為IE
if(document.all){
alert ("is IE!");
}
三.
也可以透過給某個元素設定id屬性(id=aaaa),然後用document.all.aaaa呼叫該元素
四.
案例:

程式碼1:

複製程式碼 程式碼如下:


程式碼如下:



alert(document.all.bbb.value) //依id取value


程式碼2: 但是常name可以相同(如:用checkbox取用戶的多項愛好的情況) 複製代碼

代碼如下:





alert(document.all.bbb(0).value) //這行程式碼會失敗



程式碼3:
理論上一個頁面中的id是互不相同的,如果出現不同tags有相同的id document.all.id 就會失敗,就像這樣: 複製程式碼

程式碼如下:




alert(document.all.aaa.value) //顯示undefined 而不是a1或a2



代碼4:
對於一個複雜的頁面(代碼很長,或者id是由程式自動產生),或著一個
javascript初學者寫的程序,很有可能出現兩個tags有相同id的情況。 為了程式設計的時候不出錯,我推薦這樣的寫法: 複製程式碼

程式碼如下:



程式碼如下:



程式碼如下:



程式碼如下:


程式碼如下:
陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn