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