javascript中的getElementById、getElementsByName、getElementByTagName详解

getElementById、getElementsByTageName、getElementsByName的区别

1、getElementById根据指定Id得到html元素,所以只能得到唯一的html元素对象, 如：

<input type="text" >

var username=document.getElementById('username');

即得到上面的id为username的input元素
2、getElementsByName根据name属性得到html标记对象的数组，因为name有多个，所以返回的是元素的数组，而不是一个元素

    <input type="text" name="sex" value="男" >
    <input type="text" name="sex" value="女" >
    <input type="submit" value="提交" name="sub" >

     document.getElementsByName('sex') 

返回的是name为sex的两个input集合

3、getElementsByTagName为根据指定的html标签名得到元素的数组
如：

	<input type="text" >
    <input type="password" >
    <input type="hidden" >

     var inputs=document.getElementsByTagName('input'); ```
  
 返回input的集合-