`

document.all

阅读更多

 1DOM

  WEB标准现在可真是热门中热门,不过下面讨论的是一个不符合标准的document.all[]DOM--DOCUMENT OBJECT MODEL文档对象模型,提供了访问文档对象的方法.例如文档中有一个table,你要改变它的背景颜色,那就可以在javascript中用document.all[]访问这个TABLE。但DOM也有所不同,因为浏览器厂商之间的竞争,各浏览器厂商都开发了自己的私有DOM,只能在自己的浏览器上正确运行,document.all[]就是只能运行在 IE是的微软的私有DOM。为了正确理解DOM,给出IE4DOM

  2、理解document.all[]

  从IE4开始IEobject model才增加了document.all[],来看看document.all[]Description:
Array of all HTML tags in the document.Collection of all elements contained by the object.

  也就是说document.all[]是文档中所有标签组成的一个数组变量,包括了文档对象中所有元素(见例1)。

  IE’s document.all collection exposes all document elements.This array provides access to every element in the document.

  document.all[]这个数组可以访问文档中所有元素。
 例1(这个可以让你理解文档中哪些是对象)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Document.All Example</title>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
</head>
<body>
<h1>Example Heading</h1>
<hr />
<p>This is a <em>paragraph</em>. It is only a <em>paragraph.</em></p>
<p>Yet another <em>paragraph.</em></p>
<p>This final <em>paragraph</em> has <em id="special">special emphasis.</em></p>
<hr />
<script type="text/javascript">
<!--
var i,origLength;
origLength = document.all.length;
document.write('document.all.length='+origLength+"<br />");
for (i = 0; i < origLength; i++)
{
document.write("document.all["+i+"]="+document.all[i].tagName+"<br />");
}
//-->
</script>
</body>
</html>
运行后的结果是:

Example Heading


This is a paragraph. It is only a paragraph.

Yet another paragraph.

This final paragraph has special emphasis.


document.all.length=312
document.all.length=18
document.all[0]=!
document.all[1]=HTML
document.all[2]=HEAD
document.all[3]=TITLE
document.all[4]=META
document.all[5]=BODY
document.all[6]=H1
document.all[7]=HR
document.all[8]=P
document.all[9]=EM
document.all[10]=EM
document.all[11]=P
document.all[12]=EM
document.all[13]=P
document.all[14]=EM
document.all[15]=EM
document.all[16]=HR
document.all[17]=SCRIPT
2:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>
单击DIV变色</title>
<style type="text/css">
<!--
#docid{
height:400px;
width:400px;
background-color:#999;}
-->
</style>
</head>
<body><div id="docid" name="docname" onClick="bgcolor()"></div>
</body>
</html>
<script language="javascript" type="text/javascript">
<!--
function bgcolor(){
document.all[7].style.backgroundColor="#000"
}
-->
</script>
例子在E:\skyline\test里面

分享到:
评论

相关推荐

    JS中关于document.all的详解

    ### JS中关于`document.all`的详解 #### 一、`document.all`简介 `document.all` 是一个只读属性,它返回一个包含文档中所有元素的类数组对象。这个特性最初是为 Internet Explorer 设计的,并且在早期版本的 IE 中...

    document.all[]详解

    document.write('document.all.length=' + origLength + " "); for (i = 0; i ; i++) { document.write("document.all[" + i + "]=" + document.all[i].tagName + " "); } ``` **输出结果**: ``` ...

    javascript里的document.all用法

    var element = document.all.item(0); ``` 这里,`item()`方法用于按索引访问集合中的元素,而方括号表示法则允许通过ID或name属性名直接访问元素。 #### 2. 遍历所有元素 由于`document.all`包含所有页面元素,...

    JS:document.all的用法

    需要注意的是,当name相同且存在多个元素时,`document.all`将返回一个类似数组的对象,此时直接使用`document.all.aaa.value`会报错,因为`document.all.aaa`实际上是一个对象而非单个元素。 #### 案例2:处理重复...

    document.all Firefox不支持

    标题“document.all Firefox不支持”涉及的是Web开发中的一个历史遗留问题,主要集中在JavaScript的DOM操作上。在早期的Internet Explorer浏览器中,`document.all`是一个全局对象,它允许开发者访问页面上的所有...

    document.all与WEB标准

    - 这个集合还允许通过元素标签名获取特定类型的元素集合,如`document.all.tags("tagName")`,这将返回一个包含所有指定标签名元素的数组。 尽管`document.all`在早期的IE版本中广泛使用,但它不是跨浏览器的解决...

    Document和Document.all区别分析

    此外,对于具有ID的元素,如 `&lt;div id="aa"&gt;`,我们通常使用 `document.getElementById("aa")` 来获取,但也可以通过 `document.all["aa"]` 或 `document.all.aa` 访问。不过,这种方法不推荐,因为它依赖于过时的IE...

    JS的document.all函数使用示例

    一. document.all是页面内所有元素的一个集合。例如: document.all(0)表示页面内第一个元素 二. document.all可以判断浏览器是否是IE if(document.all){ alert&#40;... [removed] alert(document.all.aaa.v

    js中document.getElementByid、document.all和document.layers区分介绍

    在这个话题中,我们将深入探讨三个在JavaScript历史中起到重要作用的属性:`getElementById`,`document.all`,以及`document.layers`。 首先,`getElementById`是W3C定义的DOM Level 1标准方法,它根据指定的ID值...

    document.all的一个比较完整的总结及案例

    如果有多个元素具有相同的`id`,`document.all.id`将无法正常工作: ```html alert(document.all.aaa.value); // 显示 undefined,因为id应该是唯一的 ``` #### 案例4: 为了避免重复ID导致的问题,可以使用...

    document.all与getElementById、getElementsByName、getElementsByTagName用法区别-document.all第1/2页

    在上述例子中,`document.all.length` 返回了页面元素的总数,遍历`document.all`数组可以展示每个元素的标签名。 2. `getElementById` `getElementById` 方法是DOM中用于根据元素的ID属性获取单一元素的方法。它...

    再谈ie和firefox下的document.all属性

    然而,如果`document.all`后面跟随了某个属性,比如`document.all.txt`,Firefox会尝试查找具有该名称的元素,并返回一个HTMLCollection对象,就像在IE中一样。这就是为什么在第二个示例中,无论是在IE还是Firefox,...

    解决 firefox 不支持 document.all的方法

    解决 Firefox 不支持 document.all 的方法 在 Web 开发中,我们经常会遇到浏览器的兼容性问题,其中一个常见的问题就是 Firefox 不支持 document.all 对象。document.all 是一个遗留的对象,早期的 IE 浏览器支持它...

    DOM对象中document.all显示全部html标记集合

    DOM对象中document.all显示全部html标记集合.为网页版,打开后,右击,显示源码ok

    document.all与getElementById、getElementsByName、getElementsByTagName用法区别-getElementById

    1. `document.all`: 这个属性是旧版Internet Explorer(IE4-IE8)特有的,它返回一个包含文档中所有元素的集合。`document.all` 不遵循W3C标准,因此不建议在现代浏览器中使用。它通过元素的名称或ID查找元素,但...

    推荐免费好用的Web在线Office(Word)编辑控件

    document.all.FramerControl1.Open("C:\\Plain.txt",false, "Word.Document"); //打开服务器的文件 document.all.FramerControl1.Open "https://secureserver/test/mytest.asp?id=123",true, "Excel.Sheet", ...

Global site tag (gtag.js) - Google Analytics