在前端开发中，我们经常需要在一个表单中使用隐藏字段（hidden fields）来存储一些敏感信息或者是某些不需要展示给用户看的数据。那么，在使用这些隐藏字段时，我们如何访问它们的值呢？本文将为大家详细介绍访问 HTML 中隐藏值的方法。
什么是隐藏字段？
隐藏字段是 HTML 表单元素的一种类型，它们通常用于存储一些敏感信息或者其他不需要公开展示的数据。在 HTML 中，我们可以通过以下方式定义一个隐藏字段：
<input type="hidden" name="foo" value="bar">
上面的代码中，type 属性设置为 hidden，并且通过 name 和 value 属性分别指定了该字段的名称和值。当用户提交表单时，这个隐藏字段的值会被一同提交到服务器端。
如何访问隐藏字段的值？
要访问一个隐藏字段的值，我们可以使用 JavaScript 来操作 DOM 元素。由于隐藏字段是一个表单元素，我们可以使用 querySelector 或 getElementById 等方法来获取它的引用，然后再通过 value 属性来获取它的值。下面是一个简单的示例：
-- -------------------- ---- -------
--------- -----
------
------
----------------------
-------
------
---- -------- ---
------ ------------- ----------- --------- ------ -------
---- --------------- ---
------- ------------------------------------
--------
-------- ----------- -
-- ---------
--- ----- - ----------------------------------
-- -----
-------------------
-
---------
-------
-------在上面的示例中，我们定义了一个隐藏字段，并在页面上添加了一个按钮。当用户点击该按钮时，showValue 函数会被调用，它可以通过 getElementById 方法获取到隐藏字段的引用，并使用 value 属性来获取它的值。
总结
使用隐藏字段是一种常见的前端开发技巧，它可以帮助我们存储一些敏感信息或其他不需要公开展示的数据。要访问隐藏字段的值，我们只需要使用 JavaScript 操作 DOM 元素即可。希望本文能够为大家提供一些有用的知识和指导意义。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/9896
