JavaScript学习笔记37-操作form里的元素

来源：互联网发布：淘宝原单知乎编辑：程序博客网时间：2024/06/06 14:21

前面文章介绍了如何操作form，是根据索引来找form的，索引从0开始。本文介绍如何找元素，也是根据索引开始。大致的步骤是，先找到该form控件，然后根据索引去找该form下的元素。

<! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  <html>  <head>  </head>  <body>  <form>Username: <input type="text" name="username" />Password: <input type="password" name="password"/><input type ="submit" value="提交" /></form><script type="text/javascript">var x = document.forms[0].elements[0].name;document.write(x);</script>  </body>  </html>

上面的form[0]表示第一个form控件，接着elements[0]表示该form下第一元素。我们上面例子有一个form，这个form下有三个元素，你可以通过修改成elements[1]，看看输出是不是password,这里的password和username是我们获取元素的name属性值。

0 0