理解这句话可看以下: 例1(这个可以让你理解文档中哪些是对象)
Document.All Example
Example Heading
This is a paragraph. It is only a paragraph.
Yet another paragraph.
This final paragraph has special emphasis.
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] 输出结果: 复制代码 代码如下: 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 可以通过ID,NAME或INDEX属性访问某个具体的元素 例2(访问一个特定元素) 复制代码 代码如下: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "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 <div id="docid" name="docname"></div>,你可以通过这个DIV的ID,NAME或INDEX属性访问这个DIV: document.all["docid"] 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]就可以访问了。 可以用document.all["元素名"].属性名="属性值"来动态改变元素的属性。用这条语句,可以做出许许多多动态网页效果,如:动态变换图片、动态改变文本的背景、动态改变网页的背景、动态改变图片的大小、动态改变文字的大小各颜色等等 [code] <script language="JavaScript"> function cardClick(cardID){ var obj; for (var i=1;i<7;i++){ obj=document.all("card"+i); obj.style.backgroundColor="#3A6EA5"; obj.style.color="#FFFFFF"; } obj=document.all("card"+cardID); obj.style.backgroundColor="#FFFFFF"; obj.style.color="#3A6EA5"; for (var i=1;i<7;i++){ obj=document.all("content"+i); obj.style.display="none"; } obj=document.all("content"+cardID); obj.style.display=""; } </script>
推荐阅读
通过event对象的fromElement属性解决热区设置主实体的一个bug
点击“设为主实体”这个超链接后,原来的提示框会变色,而且会显示内容:“已经设置为合并主实体”。 问题:当a热区的提示框上的超链接下面有另一个热区b的时候,点击a热区提示框的超链接后,会触发b热区的mou>>>详细阅读
本文标题:document.all与getElementById、getElementsByName、getElementsByTagName用法区别-document.all第1/2页
地址:http://www.17bianji.com/kaifa2/JS/29098.html
1/2 1