js 获取页面表单的个数

时间:2015-12-15
在实际开发过程中,有时可能需要获取一个页面有多少个form表单,我们可以使用document.forms.length来获取页面中表单的个数,请看下面实例。
<html>
<body>
<form name="form1" method="post" action="">
    <input type="text" name="textfield">
</form>
<form name="form2" method="post" action="">
    <input type="button" value="Only a sample button" onclick="return false"> 
</form>
<form name="form3" method="post" action="">
    <input type="checkbox" name="checkbox" value="checkbox">
</form>
<button onclick="function1()">Click here</button>
<script language="JavaScript">
function function1() {
    var m = document.forms.length;
    console.log("There are "+m+" forms in this document") 
} 
</script>
</body>
</html>

本实例中,我们创建了3个form表单,然后使用js的document.forms.length来获取表单个数,最后在控制台中输出这个值。最终输出结果为“There are 3 forms in this document”。

你可以把代码复制到这个页面运行一下。