document.all用法詳解

admin發表於2017-12-04

本章節介紹一下document.all的用法,希望能夠對大家有所幫助。

一.獲取頁面所有的元素:

它可以獲得頁面中的所有的元素,可以使用索引訪問頁面中的元素,例如:

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

以上程式碼表示頁面中的第一個元素。

二.通過元素的id屬性獲取相應元素:

通過元素的id屬性值可以獲取指定的元素,例如:

[HTML] 純文字檢視 複製程式碼執行程式碼
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.softwhy.com/" />
<title>螞蟻部落</title>
<script type="text/javascript">
window.onload=function(){
  alert(document.all.mydiv);
}
</script>
</head>
<body>
<div id="mydiv"></div>
</body>
</html>

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

三.判斷低版本IE瀏覽器:

雖然低版本的IE瀏覽器已經越來越離我們遠去,但是可能有時候還需要進行一下相容。

所以就需要先判斷一下低版本的瀏覽器(主要指IE8和IE8以下瀏覽器)。

程式碼如下:

[JavaScript] 純文字檢視 複製程式碼
if (document.all) {
  //IE8和IE8以下瀏覽器code
}