前面文章介绍了如何操作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属性值。

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

相关文章