document.all的用法

document.all的用法document.all是IE的私有属性。容易出现兼容性问题。在火狐和谷歌的浏览器是无效的,不符合WEB标准。不建议使用,特别是document.all[Index]的使用,难于维护。document.all是页面内所有元素的一个集合。例如:document.all(0)表示页面内第一个元素document.all可以判断浏览器是否是IEif(document.al

大家好,欢迎来到IT知识分享网。

<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"  οnclick="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"  οnclick="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"  οnclick="haha3()"  value="测试document.all.id或name" /><br>


---------------------------------------------<br>
<input type="button"  οnclick="haha4()"  value="测试id重复时document.all(id,index)" /><br>
---------------------------------------------<br>
<input type="button"  οnclick="haha5()"  value="测试name重复时document.all(name,index)" /><br>



---------------------------------------------<br>
<input type="button"  οnclick="haha6()"  value="测试66" /><br>

---------------------------------------------<br>
<input type="button"  οnclick="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);//报错
}

免责声明:本站所有文章内容,图片,视频等均是来源于用户投稿和互联网及文摘转载整编而成,不代表本站观点,不承担相关法律责任。其著作权各归其原作者或其出版社所有。如发现本站有涉嫌抄袭侵权/违法违规的内容,侵犯到您的权益,请在线联系站长,一经查实,本站将立刻删除。 本文来自网络,若有侵权,请联系删除,如若转载,请注明出处:https://yundeesoft.com/23971.html

(0)

相关推荐

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注微信