以下是一个简单的例子，演示如何获取隐藏输入框的 DOM 对象以及如何使用它：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Hidden Input Element</title>
</head>
<body>
<!-- 隐藏的输入框 -->
<input type="hidden" id="hiddenInput" value="hidden-value">
<script>
// 通过 id 获取隐藏输入框的 DOM 对象
var hiddenInput = document.getElementById("hiddenInput");
// 获取隐藏输入框的值
var hiddenValue = hiddenInput.value;
// 在控制台输出隐藏输入框的值
console.log("Hidden value: " + hiddenValue);
</script>
</body>
</html>
在这个例子中，我们使用 getElementById 方法通过 id 获取隐藏输入框的 DOM 对象，然后通过 value 属性获取输入框的值。由于隐藏输入框不在页面上可见，用户无法直接看到或编辑它，但通过 JavaScript 你可以访问和修改其值。
隐藏输入框通常在表单提交时用于携带额外的数据，也可以通过 JavaScript 动态设置和获取值，用于存储页面状态或执行其他操作。
转载请注明出处：http://www.zyzy.cn/article/detail/4398/HTML