querySelectorAll 获取input value

querySelectorAll 可以获取匹配指定 CSS 选择器的所有元素，但是它不能直接获取 input 的 value 属性。要获取 input 的 value 属性，可以使用以下两种方法：

1. 遍历匹配的元素列表，然后获取每个元素的 value 属性。

const inputs = document.querySelectorAll('input');
const values = [];
inputs.forEach(input => values.push(input.value));
console.log(values);

2. 使用 CSS 选择器来直接获取所有 input 的 value 属性。

const values = Array.from(document.querySelectorAll('input')).map(input => input.value);
console.log(values);

注意，这两种方法都需要在 input 的 value 属性有值的情况下使用，否则会返回空字符串。

相关问题

querySelectorAll 获取value值

querySelectorAll方法无法直接获取input元素的value值，因为它返回的是一个NodeList对象，而不是一个具体的input元素。但可以通过遍历NodeList对象中的每个元素来获取它们的value值。

例如，假设有以下HTML代码：

<input type="text" value="Hello">
<input type="text" value="World">

要获取所有input元素的value值，可以使用以下JavaScript代码：

var inputs = document.querySelectorAll("input[type='text']");
var values = [];
for (var i = 0; i < inputs.length; i++) {
  values.push(inputs[i].value);
}
console.log(values); // 输出 ["Hello", "World"]

首先使用querySelectorAll方法选择所有type属性为text的input元素，然后使用一个循环遍历每个元素，并将它们的value值添加到一个数组中。最后输出这个数组。

js获取多个input的value值

可以使用以下方法获取多个input的value值：

1. 使用document.querySelectorAll()方法选择所有需要获取value值的input元素，例如：

var inputs = document.querySelectorAll('input');

2. 遍历inputs数组，使用input.value获取每个input元素的value值，例如：

for (var i = 0; i < inputs.length; i++) {
  var value = inputs[i].value;
  console.log(value);
}

3. 将获取到的value值存储在一个数组中，例如：

var values = [];
for (var i = 0; i < inputs.length; i++) {
  var value = inputs[i].value;
  values.push(value);
}
console.log(values);