首頁  >  文章  >  web前端  >  document.all的一個比較完整的總結及案例_基礎知識

document.all的一個比較完整的總結及案例_基礎知識

WBOY
WBOY原創
2016-05-16 17:42:28965瀏覽

一.
document.all是頁面內所有元素的一個集合。例如:
document.all(0)表示頁內第一個元素
二.

複製程式碼 程式碼如下:

document.all可以判斷瀏覽器是否為IE
if(document.all){
alert("is IE!");
}

三.
也可以透過給某個元素設定id屬性(id=aaaa),然後用document.all.aaaa呼叫該元素
四.
案例:
程式碼1:
複製程式碼 程式碼如下:


程式碼如下:




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

複製代碼


代碼如下:





alert(document.all.aaa(1).value) //顯示a2
alert(document.all.bbb(0).value) //這行程式碼會失敗


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


程式碼如下:






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


程式碼如下:



程式碼如下:



程式碼如下:



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