在前端开发中，我们经常需要获取表单中的数据，并对其进行处理。而要获取表单中的数据，首先就需要获取到该表单中的所有元素。本文将介绍如何使用 JavaScript 获取指定表单中的所有元素。
HTML 表单
HTML 表单是一种用于收集用户输入信息并将其发送到服务器的方式。以下是一个简单的 HTML 表单示例：
----- ------------ ------ ------------------------ ------ ----------- --------- -------------------- ------ -------------------------- ------ ------------ ---------- --------------------- ------ -------------------------------- ------ --------------- ------------- ------------------------ ------ ------------- --------------- -------
上面的表单中包含了三个输入框和一个提交按钮。每个输入框都有一个唯一的 id 属性和一个与之对应的 name 属性。
获取表单元素
要获取表单中的所有元素，我们可以使用以下代码：
----- ---- - ---------------------------------- ----- ------ - --------------
以上代码中，我们首先通过 getElementById 方法获取了表单元素，然后通过 elements 属性获取了该表单中的所有元素。此时，inputs 变量就是一个包含表单中所有元素的对象。
遍历表单元素
现在我们已经获取了表单中的所有元素，接下来就可以对它们进行遍历操作。以下是一个简单的遍历示例：
--- ---- - - -- - - -------------- ---- - -------------------------- - -- - - ----------------- -
以上代码中，我们使用 for 循环遍历了表单中的所有元素，并将每个元素的 name 和 value 属性输出到控制台。
示例代码
完整的示例代码如下：
--------- -----
------
------
---------- --- ---- ----------------
-------
------
----- ------------
------ ------------------------
------ ----------- --------- --------------------
------ --------------------------
------ ------------ ---------- ---------------------
------ --------------------------------
------ --------------- ------------- ------------------------
------ ------------- ---------------
-------
--------
----- ---- - ----------------------------------
----- ------ - --------------
--- ---- - - -- - - -------------- ---- -
-------------------------- - -- - - -----------------
-
---------
-------
-------结论
本文介绍了如何使用 JavaScript 获取指定表单中的所有元素，并提供了示例代码和遍历方法。通过本文的学习，读者可以轻松地获取表单中的数据，并对其进行处理。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/29288