JavaScript - IE 4 DOM

這個文件物件模型 (DOM) 是在微軟 Internet Explorer 瀏覽器的 4 版本中引入的。IE 5 及更高版本支援大多數基本的 W3C DOM 功能。

IE 4 DOM 中的文件屬性

Internet Explorer 4 及更高版本定義了以下非標準（且不可移植）屬性。

序號	屬性和描述
1	activeElement 只讀屬性，引用當前活動的輸入元素（即具有輸入焦點的元素）。例 − document.activeElement
2	all[ ] 文件中所有 Element 物件的陣列。此陣列可以使用數字索引按源順序訪問元素，也可以按元素 ID 或名稱進行索引。例 − document.all[ ]
3	charset 文件的字元集。例 − document.charset
4	children[ ] 包含作為文件的直接子元素的 HTML 元素的陣列。請注意，這與包含文件中所有元素的 all[ ] 陣列不同，而不管它們在包含層次結構中的位置如何。例 − document.children[ ]
5	defaultCharset 文件的預設字元集。例 − document.defaultCharset
6	expando 如果此屬性設定為 false，則會阻止客戶端物件的擴充套件。例 − document.expando
7	parentWindow 包含文件的視窗。例 − document.parentWindow
8	readyState 指定文件的載入狀態。它具有以下四個字串值之一：例 − document.readyState
9	uninitialized 文件尚未開始載入。例 − document.uninitialized
10	loading 文件正在載入。例 − document.loading
11	interactive 文件已載入到足以讓使用者與其互動的程度。例 − document.interactive
12	complete 文件已完全載入。例 − document.complete

IE4 DOM 中的文件方法

此模型支援傳統 DOM 中可用的所有方法。此外，以下是 IE4 DOM 支援的方法列表：

序號	屬性和描述
1	elementFromPoint(x,y) 返回位於指定點處的元素。示例：document.elementFromPoint(x,y)

示例

IE 4 DOM 不支援 `getElementById()` 方法。相反，它允許您在文件物件的 all[ ] 陣列中按 id 屬性查詢任意文件元素。

以下是查詢第一個 <ul> 標籤內所有 <li> 標籤的方法。請注意，您必須使用 `all.tags()` 方法以大寫形式指定所需的 HTML 標籤名稱。

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>

注意 − 此示例返回表單和元素的物件，我們必須使用這些物件屬性來訪問它們的值，本教程中未對此進行討論。

輸出

javascript_html_dom.htm

列印頁面

序號	屬性和描述
1	activeElement 只讀屬性，引用當前活動的輸入元素（即具有輸入焦點的元素）。例 − document.activeElement
2	all[ ] 文件中所有 Element 物件的陣列。此陣列可以使用數字索引按源順序訪問元素，也可以按元素 ID 或名稱進行索引。例 − document.all[ ]
3	charset 文件的字元集。例 − document.charset
4	children[ ] 包含作為文件的直接子元素的 HTML 元素的陣列。請注意，這與包含文件中所有元素的 all[ ] 陣列不同，而不管它們在包含層次結構中的位置如何。例 − document.children[ ]
5	defaultCharset 文件的預設字元集。例 − document.defaultCharset
6	expando 如果此屬性設定為 false，則會阻止客戶端物件的擴充套件。例 − document.expando
7	parentWindow 包含文件的視窗。例 − document.parentWindow
8	readyState 指定文件的載入狀態。它具有以下四個字串值之一：例 − document.readyState
9	uninitialized 文件尚未開始載入。例 − document.uninitialized
10	loading 文件正在載入。例 − document.loading
11	interactive 文件已載入到足以讓使用者與其互動的程度。例 − document.interactive
12	complete 文件已完全載入。例 − document.complete