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的集合-