javascript document.all

antzone發表於2017-03-17

關於document.all在很多應用場景中都有使用,甚至在瀏覽器相容的測試中都有使用,下面簡單介紹一下它的的作用。

一.常規用法:

document.all可以獲取頁面內的所有元素,可以使用索引的方式訪問集合中的元素,例如:

[JavaScript] 純文字檢視 複製程式碼
document.all(0)

以上程式碼可以獲取頁面內的第一個元素。

二.可以利用id訪問頁面的元素:

如果頁面中的元素具有id屬性,那麼就可以結合document.all來獲取此元素,例如:

div元素:

[JavaScript] 純文字檢視 複製程式碼
<div id="thediv"></div>

獲取div元素程式碼:

[JavaScript] 純文字檢視 複製程式碼
document.all.thediv

以上程式碼可以獲取id屬性值為thediv的元素。

三.可以利用表單元素的name屬性訪問頁面元素:

如果是表單元素,可以結合表單元素的name屬性訪問此元素,例如:

以上程式碼可以獲取頁面中name屬性值為"thename"的元素。

四.判斷瀏覽器型別:

[JavaScript] 純文字檢視 複製程式碼
if(document.all){ 
console.log("IE瀏覽器");
}

可以判斷是否是低版本IE瀏覽器。

相關文章