javascript中的getElementById、getElementsByName、getElementByTagName详解

getElementById、getElementsByTageName、getElementsByName的区别
 
 1、getElementById根据指定Id得到html元素,所以只能得到唯一的html元素对象
  如： <input type="text" id="username">
       var username=document.getElementById('username'); 即得到上面的id为username的input元素
 2、getElementsByName 根据name属性得到html标记对象的数组，因为name有多个，所以返回的是元素的
数组，而不是一个元素
     <input type="text" name="sex" value="男" id="male">
     <input type="text" name="sex" value="女" id="female">
     <input type="submit" value="提交" name="sub" id="sub">
     document.getElementsByName('sex') 返回的是name为sex的两个input集合

 3、getElementsByTagName 为根据指定的html标签名得到元素的数组
  如：<input type="text" id="username">
      <input type="password" id="password">
      <input type="hidden" id="hidden">
     var inputs=document.getElementsByTagName('input'); 返回input的集合-