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