document.all的用法

古城微笑少年丶 2022-04-14 02:41 218阅读 0赞

<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);//报错
    }