大家好，又见面了，我是你们的朋友全栈君。
、理解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（这个可以让你理解文档中哪些是对象）
“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>
paragraph. It is only a
paragraph.
paragraph.
paragraph has
special emphasis.
<script type=”text/javascript”></script> document.all.length=298
document.all[0]=!
document.all[1]=HTML
document.all[2]=HEAD
document.all[3]=TITLE
document.all[4]=META
document.all[5]=META
document.all[6]=META
document.all[7]=LINK
document.all[8]=LINK
document.all[9]=SCRIPT
document.all[10]=SCRIPT
document.all[11]=BODY
document.all[12]=CENTER
document.all[13]=!
document.all[14]=DIV
document.all[15]=UL
document.all[16]=LI
document.all[17]=A
document.all[18]=FONT
document.all[19]=A
document.all[20]=FONT
document.all[21]=LI
document.all[22]=A
document.all[23]=LI
document.all[24]=A
document.all[25]=LI
document.all[26]=A
document.all[27]=LI
document.all[28]=A
document.all[29]=LI
document.all[30]=A
document.all[31]=FONT
document.all[32]=IMG
document.all[33]=LI
document.all[34]=A
document.all[35]=LI
document.all[36]=A
document.all[37]=LI
document.all[38]=A
document.all[39]=LI
document.all[40]=A
document.all[41]=SCRIPT
document.all[42]=LI
document.all[43]=A
document.all[44]=LI
document.all[45]=A
document.all[46]=LI
document.all[47]=A
document.all[48]=FONT
document.all[49]=LI
document.all[50]=A
document.all[51]=FONT
document.all[52]=DIV
document.all[53]=DIV
document.all[54]=DIV
document.all[55]=IMG
document.all[56]=DIV
document.all[57]=SCRIPT
document.all[58]=SCRIPT
document.all[59]=SCRIPT
document.all[60]=SCRIPT
document.all[61]=SCRIPT
document.all[62]=SCRIPT
document.all[63]=SCRIPT
document.all[64]=INS
document.all[65]=INS
document.all[66]=IFRAME
document.all[67]=DIV
document.all[68]=SCRIPT
document.all[69]=LI
document.all[70]=A
document.all[71]=LI
document.all[72]=A
document.all[73]=LI
document.all[74]=A
document.all[75]=FONT
document.all[76]=LI
document.all[77]=A
document.all[78]=FONT
document.all[79]=LI
document.all[80]=A
document.all[81]=LI
document.all[82]=A
document.all[83]=DIV
document.all[84]=UL
document.all[85]=LI
document.all[86]=A
document.all[87]=SPAN
document.all[88]=LI
document.all[89]=A
document.all[90]=SPAN
document.all[91]=LI
document.all[92]=A
document.all[93]=SPAN
document.all[94]=LI
document.all[95]=A
document.all[96]=SPAN
document.all[97]=LI
document.all[98]=A
document.all[99]=SPAN
document.all[100]=LI
document.all[101]=A
document.all[102]=SPAN
document.all[103]=LI
document.all[104]=A
document.all[105]=SPAN
document.all[106]=LI
document.all[107]=A
document.all[108]=SPAN
document.all[109]=LI
document.all[110]=A
document.all[111]=SPAN
document.all[112]=LI
document.all[113]=A
document.all[114]=SPAN
document.all[115]=LI
document.all[116]=A
document.all[117]=SPAN
document.all[118]=LI
document.all[119]=A
document.all[120]=SPAN
document.all[121]=LI
document.all[122]=A
document.all[123]=SPAN
document.all[124]=LI
document.all[125]=A
document.all[126]=SPAN
document.all[127]=LI
document.all[128]=A
document.all[129]=SPAN
document.all[130]=LI
document.all[131]=A
document.all[132]=SPAN
document.all[133]=!
document.all[134]=DIV
document.all[135]=DIV
document.all[136]=A
document.all[137]=A
document.all[138]=A
document.all[139]=A
document.all[140]=A
document.all[141]=A
document.all[142]=A
document.all[143]=A
document.all[144]=A
document.all[145]=DIV
document.all[146]=FORM
document.all[147]=INPUT
document.all[148]=INPUT
document.all[149]=LABEL
document.all[150]=INPUT
document.all[151]=LABEL
document.all[152]=INPUT
document.all[153]=INPUT
document.all[154]=!
document.all[155]=DIV
document.all[156]=UL
document.all[157]=SCRIPT
document.all[158]=A
document.all[159]=IMG
document.all[160]=LI
document.all[161]=A
document.all[162]=LI
document.all[163]=A
document.all[164]=LI
document.all[165]=A
document.all[166]=LI
document.all[167]=A
document.all[168]=LI
document.all[169]=A
document.all[170]=LI
document.all[171]=A
document.all[172]=LI
document.all[173]=A
document.all[174]=LI
document.all[175]=A
document.all[176]=LI
document.all[177]=A
document.all[178]=LI
document.all[179]=A
document.all[180]=LI
document.all[181]=A
document.all[182]=LI
document.all[183]=A
document.all[184]=DIV
document.all[185]=A
document.all[186]=A
document.all[187]=A
document.all[188]=A
document.all[189]=SCRIPT
document.all[190]=SCRIPT
document.all[191]=SCRIPT
document.all[192]=SCRIPT
document.all[193]=INS
document.all[194]=INS
document.all[195]=IFRAME
document.all[196]=DIV
document.all[197]=DIV
document.all[198]=!
document.all[199]=DIV
document.all[200]=DIV
document.all[201]=DIV
document.all[202]=DIV
document.all[203]=H1
document.all[204]=DIV
document.all[205]=DIV
document.all[206]=SMALL
document.all[207]=A
document.all[208]=SPAN
document.all[209]=DIV
document.all[210]=DIV
document.all[211]=DIV
document.all[212]=SCRIPT
document.all[213]=SCRIPT
document.all[214]=SCRIPT
document.all[215]=SCRIPT
document.all[216]=INS
document.all[217]=INS
document.all[218]=IFRAME
document.all[219]=DIV
document.all[220]=STRONG
document.all[221]=STRONG
document.all[222]=SPAN
document.all[223]=BR
document.all[224]=BR
document.all[225]=STRONG
document.all[226]=SPAN
document.all[227]=STRONG
document.all[228]=SPAN
document.all[229]=BR
document.all[230]=DIV
document.all[231]=STRONG
document.all[232]=SPAN
document.all[233]=BR
document.all[234]=BR
document.all[235]=STRONG
document.all[236]=SPAN
document.all[237]=DIV
document.all[238]=STRONG
document.all[239]=SPAN
document.all[240]=BR
document.all[241]=BR
document.all[242]=DIV
document.all[243]=BR
document.all[244]=BR
document.all[245]=BR
document.all[246]=BR
document.all[247]=STRONG
document.all[248]=SPAN
document.all[249]=BR
document.all[250]=BR
document.all[251]=BR
document.all[252]=BR
document.all[253]=BR
document.all[254]=BR
document.all[255]=BR
document.all[256]=BR
document.all[257]=BR
document.all[258]=BR
document.all[259]=BR
document.all[260]=BR
document.all[261]=BR
document.all[262]=STRONG
document.all[263]=SPAN
document.all[264]=BR
document.all[265]=STRONG
document.all[266]=SPAN
document.all[267]=BR
document.all[268]=BR
document.all[269]=BR
document.all[270]=STRONG
document.all[271]=SPAN
document.all[272]=STRONG
document.all[273]=SPAN
document.all[274]=BR
document.all[275]=BR
document.all[276]=BR
document.all[277]=BR
document.all[278]=BR
document.all[279]=DIV
document.all[280]=DIV
document.all[281]=DIV
document.all[282]=STRONG
document.all[283]=FONT
document.all[284]=DIV
document.all[285]=HR
document.all[286]=DIV
document.all[287]=EM
document.all[288]=EM
document.all[289]=DIV
document.all[290]=EM
document.all[291]=DIV
document.all[292]=EM
document.all[293]=EM
document.all[294]=DIV
document.all[295]=HR
document.all[296]=P
document.all[297]=SCRIPT
document.all.length=394
document.all[0]=!
document.all[1]=HTML
document.all[2]=HEAD
document.all[3]=TITLE
document.all[4]=META
document.all[5]=META
document.all[6]=META
document.all[7]=META
document.all[8]=META
document.all[9]=META
document.all[10]=LINK
document.all[11]=LINK
document.all[12]=LINK
document.all[13]=!
document.all[14]=META
document.all[15]=META
document.all[16]=META
document.all[17]=META
document.all[18]=META
document.all[19]=META
document.all[20]=META
document.all[21]=!
document.all[22]=BODY
document.all[23]=FORM
document.all[24]=DIV
document.all[25]=INPUT
document.all[26]=!
document.all[27]=STYLE
document.all[28]=SCRIPT
document.all[29]=DIV
document.all[30]=DIV
document.all[31]=DIV
document.all[32]=A
document.all[33]=IMG
document.all[34]=IMG
document.all[35]=DIV
document.all[36]=DIV
document.all[37]=UL
document.all[38]=LI
document.all[39]=A
document.all[40]=LI
document.all[41]=A
document.all[42]=DIV
document.all[43]=UL
document.all[44]=LI
document.all[45]=A
document.all[46]=LI
document.all[47]=A
document.all[48]=LI
document.all[49]=A
document.all[50]=LI
document.all[51]=A
document.all[52]=LI
document.all[53]=A
document.all[54]=STRONG
document.all[55]=LI
document.all[56]=A
document.all[57]=LI
document.all[58]=A
document.all[59]=B
document.all[60]=LI
document.all[61]=A
document.all[62]=B
document.all[63]=LI
document.all[64]=A
document.all[65]=LI
document.all[66]=A
document.all[67]=LI
document.all[68]=A
document.all[69]=LI
document.all[70]=A
document.all[71]=LI
document.all[72]=A
document.all[73]=LI
document.all[74]=A
document.all[75]=DIV
document.all[76]=UL
document.all[77]=LI
document.all[78]=A
document.all[79]=UL
document.all[80]=LI
document.all[81]=A
document.all[82]=LI
document.all[83]=A
document.all[84]=LI
document.all[85]=A
document.all[86]=LI
document.all[87]=A
document.all[88]=LI
document.all[89]=A
document.all[90]=LI
document.all[91]=A
document.all[92]=LI
document.all[93]=A
document.all[94]=LI
document.all[95]=A
document.all[96]=LI
document.all[97]=A
document.all[98]=LI
document.all[99]=A
document.all[100]=LI
document.all[101]=A
document.all[102]=LI
document.all[103]=A
document.all[104]=LI
document.all[105]=A
document.all[106]=LI
document.all[107]=A
document.all[108]=LI
document.all[109]=A
document.all[110]=LI
document.all[111]=A
document.all[112]=LI
document.all[113]=A
document.all[114]=LI
document.all[115]=A
document.all[116]=LI
document.all[117]=A
document.all[118]=LI
document.all[119]=A
document.all[120]=LI
document.all[121]=A
document.all[122]=LI
document.all[123]=A
document.all[124]=LI
document.all[125]=A
document.all[126]=DIV
document.all[127]=DIV
document.all[128]=!
document.all[129]=DIV
document.all[130]=DIV
document.all[131]=!
document.all[132]=DIV
document.all[133]=DIV
document.all[134]=SPAN
document.all[135]=DIV
document.all[136]=DIV
document.all[137]=P
document.all[138]=A
document.all[139]=A
document.all[140]=DIV
document.all[141]=SPAN
document.all[142]=DIV
document.all[143]=IFRAME
document.all[144]=DIV
document.all[145]=SPAN
document.all[146]=DIV
document.all[147]=P
document.all[148]=A
document.all[149]=A
document.all[150]=A
document.all[151]=A
document.all[152]=A
document.all[153]=A
document.all[154]=A
document.all[155]=A
document.all[156]=A
document.all[157]=A
document.all[158]=A
document.all[159]=A
document.all[160]=A
document.all[161]=A
document.all[162]=A
document.all[163]=A
document.all[164]=DIV
document.all[165]=SPAN
document.all[166]=DIV
document.all[167]=DIV
document.all[168]=P
document.all[169]=A
document.all[170]=IMG
document.all[171]=P
document.all[172]=A
document.all[173]=IMG
document.all[174]=P
document.all[175]=A
document.all[176]=IMG
document.all[177]=P
document.all[178]=A
document.all[179]=IMG
document.all[180]=P
document.all[181]=A
document.all[182]=IMG
document.all[183]=P
document.all[184]=A
document.all[185]=IMG
document.all[186]=P
document.all[187]=A
document.all[188]=IMG
document.all[189]=!
document.all[190]=DIV
document.all[191]=H5
document.all[192]=DIV
document.all[193]=UL
document.all[194]=LI
document.all[195]=A
document.all[196]=IMG
document.all[197]=SPAN
document.all[198]=A
document.all[199]=P
document.all[200]=LI
document.all[201]=A
document.all[202]=IMG
document.all[203]=SPAN
document.all[204]=A
document.all[205]=P
document.all[206]=LI
document.all[207]=A
document.all[208]=IMG
document.all[209]=SPAN
document.all[210]=A
document.all[211]=P
document.all[212]=DIV
document.all[213]=H5
document.all[214]=DIV
document.all[215]=UL
document.all[216]=LI
document.all[217]=A
document.all[218]=IMG
document.all[219]=SPAN
document.all[220]=A
document.all[221]=P
document.all[222]=LI
document.all[223]=A
document.all[224]=IMG
document.all[225]=SPAN
document.all[226]=A
document.all[227]=P
document.all[228]=LI
document.all[229]=A
document.all[230]=IMG
document.all[231]=SPAN
document.all[232]=A
document.all[233]=P
document.all[234]=!
document.all[235]=DIV
document.all[236]=SPAN
document.all[237]=DIV
document.all[238]=DIV
document.all[239]=TABLE
document.all[240]=TBODY
document.all[241]=TR
document.all[242]=TD
document.all[243]=A
document.all[244]=IMG
document.all[245]=TD
document.all[246]=A
document.all[247]=IMG
document.all[248]=HR
document.all[249]=UL
document.all[250]=LI
document.all[251]=A
document.all[252]=LI
document.all[253]=A
document.all[254]=LI
document.all[255]=A
document.all[256]=LI
document.all[257]=A
document.all[258]=LI
document.all[259]=A
document.all[260]=LI
document.all[261]=A
document.all[262]=LI
document.all[263]=A
document.all[264]=LI
document.all[265]=A
document.all[266]=LI
document.all[267]=A
document.all[268]=LI
document.all[269]=A
document.all[270]=P
document.all[271]=A
document.all[272]=A
document.all[273]=!
document.all[274]=!
document.all[275]=DIV
document.all[276]=SCRIPT
document.all[277]=!
document.all[278]=DIV
document.all[279]=DIV
document.all[280]=H5
document.all[281]=DIV
document.all[282]=P
document.all[283]=BR
document.all[284]=BR
document.all[285]=DIV
document.all[286]=P
document.all[287]=A
document.all[288]=A
document.all[289]=A
document.all[290]=DIV
document.all[291]=P
document.all[292]=SELECT
document.all[293]=OPTION
document.all[294]=OPTION
document.all[295]=OPTION
document.all[296]=OPTION
document.all[297]=OPTION
document.all[298]=INPUT
document.all[299]=SPAN
document.all[300]=IMG
document.all[301]=IMG
document.all[302]=IMG
document.all[303]=IMG
document.all[304]=IMG
document.all[305]=SPAN
document.all[306]=A
document.all[307]=A
document.all[308]=A
document.all[309]=A
document.all[310]=SPAN
document.all[311]=DIV
document.all[312]=P
document.all[313]=DIV
document.all[314]=P
document.all[315]=DIV
document.all[316]=STRONG
document.all[317]=STRONG
document.all[318]=SPAN
document.all[319]=BR
document.all[320]=BR
document.all[321]=STRONG
document.all[322]=SPAN
document.all[323]=STRONG
document.all[324]=SPAN
document.all[325]=BR
document.all[326]=DIV
document.all[327]=STRONG
document.all[328]=SPAN
document.all[329]=BR
document.all[330]=BR
document.all[331]=STRONG
document.all[332]=SPAN
document.all[333]=DIV
document.all[334]=STRONG
document.all[335]=SPAN
document.all[336]=BR
document.all[337]=BR
document.all[338]=DIV
document.all[339]=BR
document.all[340]=BR
document.all[341]=BR
document.all[342]=BR
document.all[343]=STRONG
document.all[344]=SPAN
document.all[345]=BR
document.all[346]=BR
document.all[347]=BR
document.all[348]=BR
document.all[349]=BR
document.all[350]=BR
document.all[351]=BR
document.all[352]=BR
document.all[353]=BR
document.all[354]=BR
document.all[355]=BR
document.all[356]=BR
document.all[357]=BR
document.all[358]=STRONG
document.all[359]=SPAN
document.all[360]=BR
document.all[361]=STRONG
document.all[362]=SPAN
document.all[363]=BR
document.all[364]=BR
document.all[365]=BR
document.all[366]=STRONG
document.all[367]=SPAN
document.all[368]=STRONG
document.all[369]=SPAN
document.all[370]=BR
document.all[371]=BR
document.all[372]=BR
document.all[373]=BR
document.all[374]=BR
document.all[375]=DIV
document.all[376]=DIV
document.all[377]=DIV
document.all[378]=STRONG
document.all[379]=FONT
document.all[380]=DIV
document.all[381]=HR
document.all[382]=DIV
document.all[383]=EM
document.all[384]=EM
document.all[385]=DIV
document.all[386]=EM
document.all[387]=DIV
document.all[388]=EM
document.all[389]=EM
document.all[390]=DIV
document.all[391]=HR
document.all[392]=P
document.all[393]=SCRIPT
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
“http://www.w3.org/TR/html4/loose.dtd”>
<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>
<div id=”docid” name=”docname”></div>，你可以通过这个DIV的ID，NAME或INDEX属性访问这个DIV：
document.all[“docname”]
document.all.item(“docid”)
document.all.item(“docname”)
document.all[7]
document.all.tags(“div”)则返回文档中所有DIV数组，本例中只有一个DIV，所以用
document.all.tags(“div”)[0]就可以访问了。
2、使用document.all[]
“http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
<html xmlns=”http://www.w3.org/1999/xhtml”>
<head>
<title>
Document.All Example #2</title>
<meta http-equiv=”content-type” content=”text/html; charset=ISO-8859-1″ />
</head>
<body>
<!– Works in Internet Explorer and compatible –>
<h1 id=”heading1″ align=”center” style=”font-size: larger;”>DHTML Fun!!!</h1>
<form name=”testform” id=”testform” action=”#” method=”get”>
<br /><br />
<input type=”button” value=”Align Left”
οnclick=”
document.all[‘heading1′].align=’left’;” />
<input type=”button” value=”Align Center”
οnclick=”
document.all[‘heading1′].align=’center’;” />
<input type=”button” value=”Align Right”
οnclick=”
document.all[‘heading1′].align=’right’;” />
<br /><br />
<input type=”button” value=”Bigger”
οnclick=”
document.all[‘heading1′].style.fontSize=’xx-large’;” />
<input type=”button” value=”Smaller”
οnclick=”
document.all[‘heading1′].style.fontSize=’xx-small’;” />
<br /><br />
<input type=”button” value=”Red”
οnclick=”
document.all[‘heading1′].style.color=’red’;” />
<input type=”button” value=”Blue”
οnclick=”
document.all[‘heading1′].style.color=’blue’;” />
<input type=”button” value=”Black”
οnclick=”
document.all[‘heading1′].style.color=’black’;” />
<br /><br />
<input type=”text” name=”userText” id=”userText” size=”30″ />
<input type=”button” value=”Change Text”
οnclick=”
document.all[‘heading1’].innerText=document.testform.userText.value;” />
</form>
</body>
</html>
发布者：全栈程序员-用户IM，转载请注明出处：https://javaforall.cn/157886.html原文链接：https://javaforall.cn
【正版授权，激活自己账号】： Jetbrains全家桶Ide使用，1年售后保障，每天仅需1毛
【官方授权 正版激活】： 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...
