DHTML
马克-to-win:DOM是在DHTML之后出现的。本章及之前学的innerHTML,getElementById,onload,window等都属于DHTML技术。而DOM文档对象模型主要用FirstChild返回一个对象,LastChild返回最后一个孩子节点,NextSibling返回相邻的兄弟节点。
javascript当中document.all[i]的用法
马克- to-win:马克 java社区:防盗版实名手机尾号: 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>