直接用querySelectorAll获取所有type="hidden"的input元素并遍历取value，无需判断CSS隐藏状态；可按name或data-*属性筛选，支持转数组或对象结构化提取值。
直接用 querySelectorAll 获取所有隐藏域（input[type="hidden"]），再通过 forEach 遍历取 value 属性即可，无需额外判断是否“隐藏”——因为 type="hidden" 本身就是语义化的隐藏域，浏览器会自动识别。
获取全部隐藏域的值（基础写法）
最常用、最简洁的方式：
const hiddenInputs = document.querySelectorAll('input[type="hidden"]');
hiddenInputs.forEach(input => {
console.log(input.value);
});只获取指定 name 或 data-* 属性的隐藏域
实际项目中常需筛选特定字段，比如 name 为 token 或带自定义标记的隐藏域：
Alibabacloud Sdk Client Initialization For Java
下载
在 Java 中初始化和管理阿里云 SDK客户端。包括单例模式、线程安全、endpoint 与 region 配置、VPC 终端节点、同步与异步等。
document.querySelectorAll('input[type="hidden"][name="token"]')document.querySelectorAll('input[type="hidden"][data-role="form-state"]')-
document.querySelectorAll('form#myForm input[type="hidden"]')（限定在某个表单内）
转成数组并提取 value 值（方便后续处理）
如果需要统一收集成数组或做映射，推荐用 Array.from 或展开运算符：
立即学习“Java免费学习笔记（深入）”；
// 方法一：转数组后 map
const values = Array.from(
document.querySelectorAll('input[type="hidden"]')
).map(input => input.value);
<p>// 方法二：用展开运算符（ES2015+）
const values = [...document.querySelectorAll('input[type="hidden"]')].map(i => i.value);</p><p>// 方法三：转成对象 { name: value }（适合表单数据整理）
const hiddenData = Object.fromEntries(
Array.from(document.querySelectorAll('input[type="hidden"]'))
.filter(input => input.name)
.map(input => [input.name, input.value])
);注意点：避免常见坑
以下情况容易出错，需留意：
-
不要用
display: none或visibility: hidden判断——querySelectorAll不管 CSS 是否隐藏，只认 HTML 的type="hidden"。 -
确保 DOM 已加载完成，否则可能查不到元素。放在
DOMContentLoaded事件里，或脚本置于</body>前。 -
name 属性为空时 value 仍有效，但若要构造成键值对，建议先过滤
input.name非空。
