电脑爱好者,提供IT资讯信息及各类编程知识文章介绍,欢迎大家来本站学习电脑知识。 最近更新 | 联系我们 RSS订阅本站最新文章
电脑爱好者
站内搜索: 
当前位置:首页>> Javascript>>Javascript之document.all用法:

Javascript之document.all用法

来源:网络 | 2007-5-20 | (有6269人读过)

     1、DOM 

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

  从IE4开始IE的object 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=325 
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> 
Javascript热门文章排行
网站赞助商
购买此位置

 

关于我们 | 网站地图 | 文档一览 | 友情链接| 联系我们

Copyright © 2003-2019 电脑爱好者 版权所有 备案号:鲁ICP备09059398号