JavaScript使用name属性值获取元素对象
分类：实例代码
通常表单元素具有name属性值，我们可以通过name属性获取元素对象。
可以和使用id类似获取元素对象，关于直接使用id属性获取元素对象可以参阅js使用id获取指定元素一章节。
代码实例如下:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="author" content="http://www.pipipi.net/" />
<title>犀牛前端部落</title>
<style>
#antzone{
width:200px;
height:100px;
background:green;
text-align:center;
line-height:100px;
}
</style>
<script>
window.onload=function(){
myform.submit();
}
</script>
</head>
<body>
<form name="myform" action="http://www.pipipi.net/">
<input type="text" name="antzone" value="犀牛前端部落"/>
</form>
</body>
</html>
上面的代码可以直接使用form表单的name属性值来引用form元素对象。
当页面中多个元素具有相同的name属性值的话，获取的是元素集合，而不是单个元素。
可以如此使用的元素有form,img,iframe,applet,embed和object等。
下面看看集合的使用代码实例片段:
<div> <img name="pic" src="#" alt="pic_0" /> <img name="pic" src="#" alt="pic_1" /> <img name="pic" src="#" alt="pic_2" /> </div>
javascript代码如下:
for(x in pic) console.log(pic[x].alt);