您的位置：首页 > Web前端 > JavaScript

js函数getElementsByName 的使用

2014-08-13 16:51 344 查看

<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：
<div name="docname" id="docid1"></div>
<div name="docname" id="docid2"></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  因为返回的是集合，是数组形式的元素组。

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航