document.form.elements[num]的作用是什么

这种形式获取大家都见过，当然中括号中一班是一个数字，例如:

[ 其他 ] 运行代码下载代码

<script>
document.form..elements[1]
</script>

这个的作用是可以获取form中表达元素集合中指定索引的元素。

注意:一定要是form中的表单元素，例如input或者textarea这样的元素，div这样的元素不在集合之中。

下面看一个简单的代码实例:

[ 其他 ] 运行代码下载代码

<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.51qianduan.com/" />
<title>-51前端</title>
<script type="text/javascript">
window.onload=function()
{
  document.myform.elements.length;//3
  document.myform.elements[1].name;//title
} 
</script>
<head/>
<body>
<form name="myform" method="post" > 
留 言 人：<input type="text" name="username" size="20" value="请输入姓名"> 
留言主题：<input type="text" name="title" size="66"> 
留言内容：<textarea name="content" cols="64" rows="10"></textarea> 
</form> 
</body>
</html>

document后面的是form的name属性值，

在以上代码中可以获取form中表单元素的数量，和索引值为1的表单元素的name属性值。索引是从0开始的。

当然获取表单中的元素，可以直接使用元素name属性也是可以的，例如:

[ 其他 ] 运行代码下载代码

<script>
document.myform.title
</script>

代码描述：document.form.elements[num]作用。document.form.elements[num]的作用是什么

下载全部收藏

169 225

用户评论

大牛，别默默的看了，快登录帮我点评一下吧！:) 登录 | 注册

522688

作品：1334 | 粉丝：44

关注

TA的相关作品 >>更多

document.form.elements[num]的作用是什么

js如何实现主域名和二级域名共用cookie

es6和es5变量声明和作用域的不同

JavaScript中[]作用有哪些源码下载

javascript作用域作用域链简单介绍

setInterval()作用域问题调用函数报错源码下载

javascript变量作用域简单介绍代码下载