js函数getElementsByName 的使用

最新推荐文章于 2022-08-27 15:52:29 发布

小小鱼er

最新推荐文章于 2022-08-27 15:52:29 发布

阅读量1.2k

点赞数

分类专栏：前端技术

本文链接：https://blog.csdn.net/yuxuan89814/article/details/38539205

版权

前端技术专栏收录该内容

61 篇文章 1 订阅

订阅专栏

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>hello</title>
<script type="text/javascript" src="jquery-1.11.1.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
	$("input.btn").click(function(){
		var ele=document.getElementsByName("userName");
		if(ele[0].value==""){
			alert("填入数据");
		}
	});
});
</script>
</head>
<body>
<form>
<label>姓名</label>
<input type="text" name="userName"/>
<input type="submit" class="btn"/>
</form>
</body>
</html>

getElementsByName（name）方法返回的是具有相同name的元素数组，返回带有指定名称的对象的集合。

比如有两个DIV：

那么可以用getElementsByName("docname")获得这两个DIV，用getElementsByName("docname")[0]访问第一个DIV，用getElementsByName("docname")[1]访问第二个DIV。

即使结果只有一个元素，也要使用数组的方式使用之。

例子中是一个最简单的getElementsByName（）应用：

var ele=document.getElementsByName("userName");
	取元素值为：<span style="color:#FF0000;">ele[0]</span>.value 而不是<span style="color:#FF0000;"> ele</span>.value  因为返回的是集合，是数组形式的元素组。