document.all
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=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里面
轉載于:https://www.cnblogs.com/csky2002/archive/2006/10/26/541115.html
總結
以上是生活随笔為你收集整理的document.all的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: asp.net学习资源列表
- 下一篇: 分析外星人计算Pi的程序