document.all的用法
2013-01-28 15:21
337 查看
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <script src="jquery-1.7.1.js" type="text/javascript"></script> <script src="hhtest.js" type="text/javascript"></script> <style> </style> </head> <body style=" overflow-y:scroll;overflow-x:auto;"> document.all是IE的私有属性。容易出现兼容性问题。<br> 在火狐和谷歌的浏览器是无效的,不符合WEB标准。<br> 不建议使用,特别是document.all[Index]的使用,难于维护。<br> document.all是页面内所有元素的一个集合。例如: <br> document.all(0)表示页面内第一个元素<br> document.all可以判断浏览器是否是IE <br> if(document.all){ <br> alert("is IE!"); <br> }<br> document.all的使用方式有:<br><br> <font color="red"></font> document.all.元素id;(id必须唯一);<br> document.all.元素name;(name必须唯一);<br><br> <font color="red"> document.all.元素id(index);(id可以有重复,并且index不能越界);<br> document.all.元素name(index);(name可以有重复,并且name不能越界);<br><br> document.all("元素id",index);(id可以有重复,并且index不能越界);<br> document.all("元素name",index);(name可以有重复,并且index不能越界);<br><br> </font> document.all["元素id"];(id必须唯一);<br> document.all["元素name"];(name必须唯一);<br> <font color="red"> document.all["元素id"][index];(id可以有重复,并且index不能越界);<br> document.all["元素name"][index];(name可以有重复,并且index不能越界);<br> </font> <br><br> <hr>测试</hr> <input type="text" id="aaaid" name="aaaname" value="aaavalue" /><br> <input type="text" id="bbbid" name="bbbname" value="bbbvalue" /><br><br> <input type="button" onclick="haha1()" value="测试document.all.id" /><br> ---------------------------------------------<br> <input type="text" id="cccid1" name="cccname" value="cc1" /><br> <input type="text" id="cccid2" name="cccname" value="cc2" /><br> <input type="button" onclick="haha2()" value="测试document.all.name(index)" /><br> ---------------------------------------------<br> <input type="text" id="dddid1" name="dddname1" value="ddd--11" /><br> <input type="text" id="dddid1" name="dddname2" value="ddd--12" /><br> <input type="text" id="dddid2" name="dddname1" value="ddd--21" /><br> <input type="text" id="dddid2" name="dddname2" value="ddd--22" /><br> <input type="button" onclick="haha3()" value="测试document.all.id或name" /><br> ---------------------------------------------<br> <input type="button" onclick="haha4()" value="测试id重复时document.all(id,index)" /><br> ---------------------------------------------<br> <input type="button" onclick="haha5()" value="测试name重复时document.all(name,index)" /><br> ---------------------------------------------<br> <input type="button" onclick="haha6()" value="测试66" /><br> ---------------------------------------------<br> <input type="button" onclick="haha7()" value="7(name,index)" /><br> </body> </html> <script> </script>
/* document.all的使用方式有:<br><br> document.all.元素id;(id必须唯一); document.all.元素name;(name必须唯一); document.all.元素id(index);(id可以有重复,并且index不能越界); document.all.元素name(index);(name可以有重复,并且name不能越界); document.all("元素id",index);(id可以有重复,并且index不能越界); document.all("元素name",index);(name可以有重复,并且index不能越界); document.all["元素id"];(id必须唯一); document.all["元素name"];(name必须唯一); document.all["元素id"][index];(id可以有重复,并且index不能越界); document.all["元素name"][index];(name可以有重复,并且index不能越界); */ function haha1(){ var a=document.getElementById("aaaid").value; //alert("aaaid---"+a);//"aaaid---aaavalue var a2=document.all.aaaid.value='kkkkkkkkkkkkkkk222'; //alert("all--aaaid---"+a2);//all--aaaid---kkkkkkkkkkkkkkk222 } function haha2(){ var a3=document.all.cccname(0).value; //alert("all--cccname(0)---"+a3);//all--cccname(0)---cc1 //alert("all--cccname(1)---"+document.all.cccname(1).value);//all--cccname(0)---cc2 // alert("all--cccname(2)---"+document.all.cccname(2).value);//报错 } function haha3(){ var a4=document.all.dddid1.value; //alert(a4);//undifined var a42=document.all.dddname1.value; //alert(a42);//undifined /* 使用document.all.xxx的方式访问,无论是id还是name必须保证元素唯一,否则结果就是undifined */ } function haha4(){ var v1=document.all("dddid1",0).value; alert(v1);//ddd--11 var v2=document.all("dddid1",1).value; alert(v2);//ddd--12 var v3=document.all("dddid1",2).value; alert(v3);//报错,因为没有第3个 } function haha5(){ var v1=document.all("dddname1",0).value; alert(v1);//ddd--11 var v2=document.all("dddname1",1).value; alert(v2);//ddd--21 var v3=document.all("dddname1",2).value; alert(v3);//报错,因为没有第3个 } function haha6(){ //alert(document.all["bbbname"].value);//bbbvalue。document.all.xxxname也可以这样写document.all["xxxname"]。必须不重复 //alert(document.all["cccname"].value);//undifined //alert(document.all["cccname"][0].value);//cc1 alert(document.all["aaaid"].value);//aaavalue alert(document.all["dddid1"].value);//undifined alert(document.all["dddid1"][0].value);//ddd--11 } function haha7(){ alert(document.all.dddidxxxxxxxxxx(0).value); // alert("all--dddid2(0)---"+document.all.dddid2(0).value);//all--dddid2(0)---ddd--21 // alert("all--dddid2(1)---"+document.all.dddid2(1).value);//all--dddid2(0)---ddd--22 // alert("all--dddid2(2)---"+document.all.dddid2(2).value);//报错 }
相关文章推荐
- document.all的用法
- javascript里的document.all用法收集
- document.all用法
- document.all用法
- Document.all[]的用法
- document.all用法
- document.all基础用法
- document.all用法
- javascript里的document.all用法
- js document.all的用法
- document.all的用法
- document.all用法
- 解释一下document.all的用法
- document.all 的一些用法
- document.all用法
- 【转】javascript里的document.all用法
- document.all用法
- javascript里的document.all用法收集
- JavaScript document.all 用法(oninput、onpropertychange事件的使用)