<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>获取表单对象的六种方法</title>
<script>
function test(){
//获取表单对象
}
</script>
</head>
<body>
<form name="form1" id="formId" action="test.html" method="get">
用户名:<input name="uname" /><br/>
密码:<input type="password" name="pwd"/><br/>
<input type="submit" value="提交" />
</form>
<form name="form2" id="formId2" action="test.html" method="get">
用户名:<input name="uname" /><br/>
密码:<input type="password" name="pwd"/><br/>
<input type="submit" value="提交" />
</form>
<input type="button" value="test" onclick="test()" />
</body>
</html>
1.使用documen对象的方法 getElementxxx 方式, id name class tag
//form对象的第1种获取方式
var form1=document.getElementById("formId");//[object HTMLFormElement]
//form对象的第2种获取方式
var form1=document.getElementsByName("form1")[0];//[object HTMLFormElement]
//form对象的第3种获取方式
var form1=document.getElementsByTagName("form")[0];//[object HTMLFormElement]
2.使用document对象直接获取
var forms=document.forms;
for(var i =0 ;i<forms.length;i++){
alert(forms[i].name);
}
2.1 document.id
//form对象的 第4种获取方式
var form1=document.forms[0];
2.2 document.forms[index]
//form对象的 第5种获取方式
var form1=document.forms["form1"];
2.3 document.forms[id]
//form对象的第6种获取方式
var form1=document.form1;