JavaScript IE 4 DOM

此文档对象模型是在微软的Internet Explorer浏览器的第4版本中引入的。IE 5及以后的版本包含大多数基本的W3C DOM功能的支持。

IE 4 DOM中的文档属性

以下非标准（和非便携）属性是由Internet Explorer 4及以后的版本定义的。

编号	属性和描述
1	activeElement 一个只读属性，指的是当前处于活动状态（即具有输入焦点）的输入元素。示例 − document.activeElement
2	all[ ] 包含文档中所有元素对象的数组。此数组可以按照源顺序进行数值索引以访问元素，或者可以按照元素的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 该文件尚未开始加载。 Ex − document.uninitialized
10	加载中该文件正在加载。 Ex − document.loading
11	交互文档已经加载到足够程度，用户可以与之交互。 Ex − document.interactive
12	完成文档已经完全加载。 Ex − document.complete

在IE4 DOM中的文档方法

此模型支持所有在传统DOM中可用的方法。此外，以下是IE4 DOM所支持的方法列表：

序号	属性与描述
1	elementFromPoint(x,y) 返回指定点位置的元素。示例：document.elementFromPoint(x,y)

示例

IE 4 DOM不支持 getElementById() 方法。相反，它允许您在文档对象的all []数组中按id属性查找任意文档元素。

下面是如何查找第一个

标签中的所有<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>

注意 − 这个示例返回形式和元素的对象，我们必须通过使用这些对象的属性来访问它们的值，这些属性在本教程中没有讨论。