程序员人生 网站导航

html DOM document对象getElementByName()方法

栏目:htmlcss时间:2015-02-28 08:24:31

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

语法:

document.getElementsByName(name)

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

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

例子:

<html>
<head>
<script type="text/javascript">
function getElements()
  {
  var x=document.getElementsByName("myInput");
  alert(x.length);
  }
</script>
</head>
<body>

<input name="myInput" type="text" size="20" /><br />
<input name="myInput" type="text" size="20" /><br />
<input name="myInput" type="text" size="20" /><br />
<br />
<input type="button" onclick="getElements()"
value="How many elements named 'myInput'?" />

</body>
</html>
------分隔线----------------------------
------分隔线----------------------------

最新技术推荐