2.2 JavaScript遍历表单

HTML表单对象（Form）中定义有一个elements集合属性，可以返回表单中所有元素的数组集合。那么，JavaScript通过for循环语句就可以实现遍历表单中全部表单项的操作了。

关于【代码2-2】的说明：

● 第14～18代码通过标签<form>定义了一个表单，内部通过标签<input>定义一组文本框和一个提交按钮。

● 第20～28行通过<script>标签定义了JavaScript脚本代码，用于实现对表单的遍历操作。

第22行代码通过表单form的elements属性，获取了表单域中全部表单项元素的数组集合（els）。

第23～27行代码通过for…in…语句遍历数组集合（els），并在控制台中输出每项表单元素的type属性和name属性。

下面使用Firefox浏览器运行测试该HTML网页，具体效果如图2.1所示。

图2.1 JavaScript遍历表单