关注我们

Javascript 中的 The IE4 DOM函数

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

IE 4 DOM中的文档属性

Internet Explorer 4和更高版本定义了以下非标准(和非便携式)属性。

Sr.No.	Property & Description
1	activeElement 只读属性,它指向当前处于活动状态(即具有输入焦点)的输入元素。 Ex -document.activeElement
2	all[] 文档中所有Element对象的数组。此数组可以按数字顺序索引以按源顺序访问元素,也可以按元素ID或名称索引。 Ex -document.all []
3	charset 文档的字符集。 Ex -document.charset
4	children[] 包含HTML元素的数组,这些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 文档已完全加载。链接：https://www.learnfk.comhttps://www.learnfk.com/javascript/javascript-ie4-dom.html 来源：LearnFk无涯教程网 Ex -document.complete

IE4 DOM中的文档方法

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

Sr.No.	Property & Description
1	elementFromPoint(x,y) 返回位于指定点的Element。 Example: document.elementFromPoint(x,y)

Example

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

这是在第一个<ul>标签内查找所有<li>标签的方法。注意,必须使用all.tags()方法以大写形式指定所需的HTML标签名称。

var lists=document.all.tags("UL");

var items=lists[0].all.tags("LI");

这是另一个使用IE4 DOM方法访问文档属性的Example。

<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>

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

祝学习愉快！(内容编辑有误？请选中要编辑内容 -> 右键 -> 修改 -> 提交！)

技术教程推荐

Spring Cloud 微服务项目实战 -〔姚秋辰（姚半仙）〕

好记忆不如烂笔头。留下您的足迹吧 :)