DHTML
馬克-to-win:DOM是在DHTML之后出現(xiàn)的。本章及之前學的innerHTML,getElementById,onload,window等都屬于DHTML技術(shù)。而DOM文檔對象模型主要用FirstChild返回一個對象,LastChild返回最后一個孩子節(jié)點,NextSibling返回相鄰的兄弟節(jié)點。
javascript當中document.all[i]的用法
馬克- to-win:馬克 java社區(qū):防盜版實名手機尾號: 73203。
document.all[i].tagName和attributes
馬克-to-win: 注意第三章用 if (document.all) 來判斷是不是火狐。和這里不一樣。這里是document.all[i]返回所有element(帶標簽的)而不是Node(包括Text_Node),見后面的DOM, 。
例 1.1(DocumentAll1IEFF.html)
<html xmlns="[url]http://www.w3.org/1999/xhtml[/url]">
<head>
<title>Document.All Example</title>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
</head>
<body>
<TABLE id="tableid4" BORDER=2 CELLPADDING=3></TABLE>
<h1>Example Heading</h1>
mark-to-win
<hr />
<p>This is a <em>paragraph</em>. It is only a <em>paragraph.</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 />");
}
/* "*" 傳遞給 getElementsByTagName() ,返回所有元素的列表*/
var nlAll=document.getElementsByTagName("*");
myAttributesObject = nlAll[5].attributes;
// myAttributesObject = document.all[5].attributes;
for(i=0; i<myAttributesObject.length; i++)
{
myAttrib = myAttributesObject[i];
/* Attribute.specified (Property)
Whether the value has been specified or not.*/
if(myAttrib.specified==true)
document.write("Attribute ("+myAttrib.name+"):"+ "its.value is "+myAttrib.value+"<br>");
}
//-->
</script>
</body>
</html>
document.all["屬性"]
例 1.2(DocumentAll2IEFF.html)
<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[6].style.backgroundColor="#000";
alert(document.all[6].style.backgroundColor+document.all["docid"].style.backgroundColor+document.all("docid").style.backgroundColor+document.all.item("docid").style.backgroundColor);
}
-->
</script>