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);

回复

我来回复
  • 暂无回复内容