IE4 DOM

优质
小牛编辑
140浏览
2023-12-01

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

IE 4 DOM中的文档属性

Internet Explorer 4及更高版本定义了以下非标准(和非可移植)属性。

Sr.No财产和描述
1

activeElement

一个只读属性,引用当前处于活动状态的输入元素(即具有输入焦点)。

Ex - document.activeElement

2

all[ ]

文档中所有Element对象的数组。 可以以数字方式对该数组进行索引以按源顺序访问元素,或者可以通过元素id或名称对其进行索引。

Ex - document.all []

3

charset

文档的字符集。

Ex - document.charset

4

children[ ]

包含作为文档直接子元素的HTML元素的数组。 请注意,这与包含文档中所有元素的all []数组不同,无论它们在包含层次结构中的位置如何。

Ex - document.children []

5

defaultCharset

文档的默认字符集。

Ex - document.defaultCharset

6

expando

如果此属性设置为false,则会阻止扩展客户端对象。

Ex - document.expando

7

parentWindow

包含文档的窗口。

Ex - document.parentWindow

8

readyState

指定文档的加载状态。 它具有以下四个字符串值之一 -

Ex - document.readyState

9

uninitialized

该文档尚未开始加载。

Ex - document.uninitialized

10

loading

该文件正在加载。

Ex - document.loading

11

interactive

该文档已经足够加载以供用户与其交互。

Ex - document.interactive

12

complete

文档已完全加载。

Ex - document.complete

IE4 DOM中的文档方法

此模型支持Legacy DOM中可用的所有方法。 另外,这是IE4 DOM支持的方法列表 -

Sr.No财产和描述
1

elementFromPoint(x,y)

返回位于指定点的Element。

示例:document.elementFromPoint(x,y)

例子 (Example)

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

以下是在第一个

    标记内查找所有
  • 标记的方法。
请注意,必须使用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>

NOTE - 此示例返回表单和元素的对象,我们必须使用本教程中未讨论的那些对象属性来访问它们的值。