位置:首頁 > Web開發 > Javascript教學 > JavaScript IE4 DOM

JavaScript IE4 DOM

本文檔對象模型中引入了微軟的Internet Explorer瀏覽器的第4版。 IE1.2及以後的版本包括最基本的W3C DOM功能的支持。

文檔屬性在IE4 DOM:

以下非標(和非便攜式)性質由Internet Explorer 4和以後的版本中定義。

屬性 描述&示例
activeElement 隻讀屬性,是指輸入元素當前處於活動狀態(即,有輸入焦點)
示例: document.activeElement
all[ ] 在文檔中的所有元素的數組對象。此陣列可被索引數值來訪問元素源順序,或者它可以通過元素的id或名稱來索引
示例: document.all[ ]
charset 文件的字符集
示例: document.charset
children[ ] 包含有文檔的直接子的HTML元素的數組。注意,這是與包含在文件中的所有元素,而不論其在容器層次位置的all[]數組不同
示例: document.children[ ]
defaultCharset 文件默認字符集
示例: document.defaultCharset
expando 這個屬性,如果設置為false,防止客戶端對象被擴大
示例: document.expando
parentWindow 包含該文件的窗口
示例: document.parentWindow
readyState 指定文件的加載狀態。它具有以下四個字符串值之一:
示例: document.readyState
uninitialized 該文件還冇有開始裝載
示例: document.uninitialized
loading 文件被加載
示例: document.loading
interactive 文件已加載足夠與它交互用戶
示例: document.interactive
complete 該文件完全加載
示例: document.complete

在IE4 DOM的文檔方法:

此模型支持所有傳統DOM提供的方法。此外,這裡是由IE4 DOM支持的方法列表:

屬性 描述&示例
elementFromPoint(x,y) 返回位於指定點的元素
示例: document.elementFromPoint(x,y)

例子:

在IE4 DOM不支持getElementById()方法。相反,它可以查找任意文檔元素通過id屬性的文檔對象的all[]數組。

以下是如何找到的第一個<ul>標記中的所有<li>標記。請注意,必須用大寫指定所需的HTML標簽名使用all.tags()方法。

var lists = document.all.tags("UL");

var items = lists[0].all.tags("LI");

下麵是另一個例子訪問使用IE4 DOM方法文檔屬性:

<html>
<head>
<title> Document Title </title>
<script type="text/javascript">
<!--
function myFunc()
{
   var ret = document.all["heading"];
   alert("Document Heading : " + ret.innerHTML );

   var ret = document.all.tags("P");;
   alert("First Paragraph : " + ret[0].innerHTML);
}
//-->
</script>
</head>
<body>
<h1 id="heading">This is main title</h1>
<p>Click the following to see the result:</p>

<form id="form1" name="FirstForm">
<input type="button" value="Click Me" onclick="myFunc();" />
<input type="button" value="Cancel">
</form>

<form d="form2" name="SecondForm">
<input type="button" value="Don't ClickMe"/>
</form>

</body>
</html>

注意: 這個例子的形式和內容等返回對象,我們將不得不使用未在本教學中討論這些對象的屬性來訪問它們的值。