[总结]获得控件的方法

 

< html >
< head >
< meta  http-equiv ="Content-Type"  content ="text/html; charset=gb2312"   />

< style  type ="text/css" > ...
<!--
a{...}{
    text-decoration: none;
    color: #000000;
}
-->
</ style >
</ head >
< form  action =""  method ="post"  name ="form1" >
< table  width ="80%"  border ="1"  align ="center"  cellpadding ="0"  cellspacing ="0" >
   < tr >
     < td  width ="20%" > input1 </ td >
     < td  width ="30%" >< input  type ="text"  name ="input1"  id ="input1"   /></ td >
     < td  width ="18%" > input2 </ td >
     < td  width ="32%" >< input  type ="text"  name ="input2"  id ="input2"   /></ td >
   </ tr >
   < tr >
     < td > input3 </ td >
     < td >< input  type ="text"  name ="input3"  id ="input3"   /></ td >
     < td > input3 </ td >
     < td >< input  type ="text"  name ="input3"  id ="input3"   /></ td >
   </ tr >
   < tr >
     < td  align ="center" >< input  type ="checkbox"  name ="checkbox"  id ="checkbox"   />
      黑
         < input  type ="checkbox"  name ="checkbox"  id ="checkbox2"   />
        白 </ td >
     < td  colspan ="2"  align ="center" > &nbsp; </ td >
     < td  align ="center" > &nbsp; </ td >
   </ tr >
   < tr >
     < td  align ="center" > 方法 </ td >
     < td  colspan ="2"  align ="center" > 备注 </ td >
     < td  align ="center" > 存在相同input时(input3) </ td >
   </ tr >
   < tr >
     < td >< a  href ="####"  onClick ="alert(document.form1.input1.value);" > (document.)form1.input1.value </ a ></ td >
     < td  colspan ="2" > 呵呵，最常用的。(document.)可以省去 </ td >
     < td > undefined </ td >
   </ tr >
   < tr >
     < td >< a  href ="####"  onClick ="alert(document.all.input1.value);" > document.all.input1.value </ a ></ td >
     < td  colspan ="2" > 同上 </ td >
     < td > undefined </ td >
   </ tr >
   < tr >
     < td >< a  href ="#"  onClick ="alert(document.getElementById('input1').value);" > document.getElementById('input1').value </ a ></ td >
     < td  colspan ="2" > ID名可以动态合成，适合ID名规则变化的 </ td >
     < td > 返回第一个input的值 </ td >
   </ tr >
   < tr >
     < td >< a  href ="#"  onClick ="alert(document.getElementsByName('input3')[0].value);" > document.getElementsByName( &quot; input3 &quot; )[0].value </ a ></ td >
     < td  colspan ="2" > 返回相同 名字 控件的数组 </ td >
     < td > &nbsp; </ td >
   </ tr >
   < tr >
     < td >< a  href ="#"  onClick ="alert(document.getElementsByTagName('input')[0].value);" > document.getElementsByTagName('input')[0].value </ a ></ td >
     < td  colspan ="2" > 返回相同 类型 控件的数组 </ td >
     < td > &nbsp; </ td >
   </ tr >
   < tr >
     < td >< a  href ="###"  onclick ="alert(document.getElementsByTag('table'));" > document.getElementsByTag('input')[0].value </ a ></ td >
     < td  colspan ="2" > ??? </ td >
     < td > &nbsp; </ td >
   </ tr >
   < tr >
     < td > &nbsp; </ td >
     < td  colspan ="2" > &nbsp; </ td >
     < td > &nbsp; </ td >
   </ tr >
   < tr >
     < td > &nbsp; </ td >
     < td  colspan ="2" > &nbsp; </ td >
     < td > &nbsp; </ td >
   </ tr >
   < tr >
     < td > &nbsp; </ td >
     < td  colspan ="2" > &nbsp; </ td >
     < td > &nbsp; </ td >
   </ tr >
   < tr >
     < td > &nbsp; </ td >
     < td  colspan ="2" > &nbsp; </ td >
     < td > &nbsp; </ td >
   </ tr >
</ table >
</ form >
</ html >

 一、getElementsByName("aa")     取得具有name属性为aa的所有元素,返回的是数组  
  getElementsByTag     不知道  
  getElementsByTagName("select")     取得所有标签名为select的元素,返回的是数组  
  getElementsById("dd")     取得具有id属性为aa的元素,返回的是一个元素,如果id为aa的元素有好多的话则返回第一个  

二、document.form["n1"].value