HTML DOM getElementsByName() 方法

定义和用法

getElementsByName() 方法可返回带有指定名称的对象的集合。

语法

  1. document.getElementsByName(name)

该方法与 getElementById() 方法相似,但是它查询元素的 name 属性,而不是 id 属性。

另外,因为一个文档中的 name 属性可能不唯一(如 HTML 表单中的单选按钮通常具有相同的 name 属性),所有 getElementsByName() 方法返回的是元素的数组,而不是一个元素。

实例

  1. <html>
  2. <head>
  3. <script type="text/javascript">
  4. function getElements()
  5. {
  6. var x=document.getElementsByName("myInput");
  7. alert(x.length);
  8. }
  9. </script>
  10. </head>
  11. <body>
  12.  
  13. <input name="myInput" type="text" size="20" /><br />
  14. <input name="myInput" type="text" size="20" /><br />
  15. <input name="myInput" type="text" size="20" /><br />
  16. <br />
  17. <input type="button" onclick="getElements()"
  18. value="How many elements named 'myInput'?" />
  19.  
  20. </body>
  21. </html>