Document:getElementsByName()用法及范例

最新推荐文章于 2022-09-11 21:28:09 发布

antonioon

最新推荐文章于 2022-09-11 21:28:09 发布

阅读量2.7k

点赞数

分类专栏： JavaScript 文章标签： JavaScript

本文链接：https://blog.csdn.net/antoniochan/article/details/13094975

版权

JavaScript 专栏收录该内容

10 篇文章 0 订阅

订阅专栏

定义和用法

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

语法document.getElementsByName(name)

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

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

实例

<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" οnclick="getElements()"value="How many elements named 'myInput'?" />
	</body>
</html>

getElementById,它也是只有document对象才能使用,而且返回的是数组的第一个元素,呵呵,它的方法名都写明了是getElement而不是getElements,所以,千万不要搞浑了. getElementsByName返回的是所有name为指定值的所有元素的集合

“根据 NAME 标签属性的值获取对象的集合。”集合比数组要松散的多, 集合里每个子项的类型可以不同, 集合只是把某些元素放在一起作为一类来使用, 相比之下数组就严格多了, 每个子项都是统一的类型. document.getElementsByName, document.getElementsByTagName, document.formName.elements 这类方法所得到的结果都是集合.用于批量更新时的数据传递.

antonioon

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
Document:getElementsByName()用法及范例

定义和用法getElementsByName() 方法可返回带有指定名称的对象的集合。语法document.getElementsByName(name)该方法与 getElementById() 方法相似，但是它查询元素的 name 属性，而不是 id 属性。另外，因为一个文档中的 name 属性可能不唯一（如 HTML 表单中的单选按钮通常具有相同的 name 属性
复制链接

扫一扫