首页 >web前端 >js教程 >js 如何获取表单元素个数

js 如何获取表单元素个数

WBOY
WBOY原创
2016-06-01 09:55:001802浏览
<code class="language-html">
    
    <script language="JavaScript">
    function showNumElements(){
         console.log("There are " + document.form1.length + " elements in this document");
    }
    </script>
    <form name="form1">
        Enter First Name:
        <input type="text" size="15"><br>
        Enter Last Name:
        <input type="text" size="20"><br>
        Enter address:
        <input type="text" size="40"><br><br>
        <input type="button" value="Submit" onclick="showNumElements()">
    </form>
    
</code>

首先获取表单对象,然后通过length属性获取表单元素的个数。输出结果为:“There are 4 elements in this document”。

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

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn