Js取出所有input的值

在JavaScript中，如果你想获取页面上所有<input>元素的值，你可以使用以下几种方法：

方法一：使用querySelectorAll和forEach

// 获取所有的input元素
const inputs = document.querySelectorAll('input');

// 创建一个数组来存储所有的值
const values = [];

// 遍历所有的input元素，并将它们的值添加到数组中
inputs.forEach(input => {
    values.push(input.value);
});

console.log(values); // 打印出所有input的值

方法二：使用Array.from和map

// 使用Array.from将NodeList转换为数组，然后使用map获取每个input的值
const values = Array.from(document.querySelectorAll('input')).map(input => input.value);

console.log(values); // 打印出所有input的值

方法三：使用for循环

// 获取所有的input元素
const inputs = document.querySelectorAll('input');

// 创建一个数组来存储所有的值
const values = [];

// 使用传统的for循环遍历所有的input元素
for (let i = 0; i < inputs.length; i++) {
    values.push(inputs[i].value);
}

console.log(values); // 打印出所有input的值