getElementsByName()方法，JavaScript进阶篇教程-慕课网

9-2 getElementsByName()方法

本节编程练习不计算学习进度，请电脑登录imooc.com操作

getElementsByName()方法

返回带有指定名称的节点对象的集合。

语法：

document.getElementsByName(name)

与getElementById() 方法不同的是，通过元素的 name 属性查询元素，而不是通过 id 属性。

注意:

1. 因为文档中的 name 属性可能不唯一，所有 getElementsByName() 方法返回的是元素的数组，而不是一个元素。

2. 和数组类似也有length属性，可以和访问数组一样的方法来访问，从0开始。

看看下面的代码:

运行结果:

任务

试一试，通过name属性来查询元素:

补充第6行代码，获取 name 为 myt 的元素，同时输出获取的元素节点的长度。

index.html

<!DOCTYPE HTML>
<html>
<head>
<script type="text/javascript">
function getnum(){
  var mynode=         ;  
  alert(mynode.length);
}
</script>
</head>
<body>
<input name="myt" type="text" value="1">
<input name="myt" type="text" value="2">
<input name="myt" type="text" value="3">
<input name="myt" type="text" value="4">
<input name="myt" type="text" value="5">
<input name="myt" type="text" value="6">
 
<br />
<input type="button" onclick="getnum()" value="看看有几项？" />
</body>
</html>

下一节