JavaScript基础教程

文章39 |   阅读 12944 |   点赞0

来源:https://blog.csdn.net/u011541946/category_6887610.html

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

x33g5p2x  于2022-03-06 转载在 其他  
字(0.8k)|赞(0)|评价(0)|浏览(331)

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

相关文章