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