javascript - 在控制台中通过输入数组字段的结果未定义

为什么当我pus提交按钮是未定义的所有？
我只想使用这样的输入字段创建一个数组。
还有别的办法吗？
我试着用类名，结果还是没有定义

function clicked() {
    var input_value = document.querySelectorAll('#data, #data1, #data2, #data3, #data4').value;
    console.log(input_value)
}

document.getElementById('btn').addEventListener('click', clicked);

<input id="data">
<input id="data1">
<input id="data2">
<input id="data3">
<input id="data4">
<button id="btn">Click me</button>

最佳答案

querySelectorAll将返回一个类似于数组的“NodeList”。NodeLists没有value属性，因此返回未定义。
如果要从每个输入框中获取值，则需要遍历NodeList并分别从每个HTML元素中提取value。

function clicked() {
    var nodeList = document.querySelectorAll('#data, #data1, #data2, #data3, #data4');
    for (var i = 0; i < nodeList.length; i++) {
      console.log(nodeList[i].value);
    }
}

document.getElementById('btn').addEventListener('click', clicked);

关于javascript - 在控制台中通过输入数组字段的结果未定义，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/47042773/