您当前位置：首页 > web前端 > htmlcss > html DOM document对象getElementByName()方法

html DOM document对象getElementByName()方法

来源：程序员人生发布时间：2015-02-28 08:24:31 阅读次数：3417次

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>

生活不易，码农辛苦
如果您觉得本网站对您的学习有所帮助,可以手机扫描二维码进行捐赠
程序员人生

------分隔线----------------------------

上一篇 第三章界面UI的基石―UI布局（5）

下一篇 Oracle11g远程连接配置 visual studio 2003

分享到:

------分隔线----------------------------

为码而活

积分：4237

15粉丝

7关注

栏目热点