作家
登录

document.all与getElementById、getElementsByName、getElementsByTagName用法区别-document.all第1/2页

作者: 来源:www.28hudong.com 2013-03-30 02:47:35 阅读 我要评论

理解这句话可看以下: 例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

关键词: 探索发现

乐购科技部分新闻及文章转载自互联网,供读者交流和学习,若有涉及作者版权等问题请及时与我们联系,以便更正、删除或按规定办理。感谢所有提供资讯的网站,欢迎各类媒体与乐购科技进行文章共享合作。

网友点评
自媒体专栏

评论

热度

精彩导读
栏目ID=71的表不存在(操作类型=0)