JavaScript – IE 4 DOM

此文档对象模型介绍了Microsoft的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> 文档标题 </title>      
      <script type = "text/javascript">
         <!--
            function myFunc() {
               var ret = document.all["heading"];
               alert("文档标题： " + ret.innerHTML );

               var ret = document.all.tags("P");;
               alert("第一个段落： " + ret[0].innerHTML);
            }
         //-->
      </script>      
   </head>

   <body>
      <h1 id = "heading">这是主标题</h1>
      <p>单击以下内容以查看结果：</p>

      <form id = "form1" name = "FirstForm">
         <input type = "button" value = "单击我" onclick = "myFunc();" />
         <input type = "button" value = "取消">
      </form>

      <form d = "form2" name = "SecondForm">
         <input type = "button" value = "不要点我"/>
      </form>      
   </body>
</html>

注意 - 此示例返回表单和元素的对象，我们需要使用这些对象属性访问它们的值，这些属性在本教程中未讨论。