当我将它设置为数字输入值时，为什么我的变量值“未定义”？答案

【问题标题】：Why is my variable value "undefined" when I set it as a value of number input?当我将它设置为数字输入值时，为什么我的变量值“未定义”？
【发布时间】：2020-11-29 10:43:57
【问题描述】：

我的 HTML 如下：

<td class="quantity">
   <input value = "1" type="number">
</td>

这里是JS代码：

var quantity = 0;
function addItem(){
        quantity = document.getElementsByClassName("quantity")[0].value;

基本上，我希望数量变量更改为我默认设置为 1 的输入值的值。当我检查数量的值时，控制台返回“未定义”。

【问题讨论】：

标签： javascript html forms input numbers

【解决方案1】：

因为您检查的是td 元素而不是输入，

document.querySelector("input[type='number']").value;

【讨论】：

现在我把它改成了数量 = document.querySelector("quantity[type='number']")[0].value;我收到此错误：无法读取 null 的属性“0”
不是quantity，而是input @billynotreally
@billynotreally getElementsByClassName 检索具有该类的元素数组，现在使用 querySelector 您可以获得项目本身（只有一个项目），它不像以前那样是一个数组。那你能把我的答案标记为已解决吗？

【解决方案2】：

var quantity = 0;
function addItem(){
        quantity = document.querySelector(".quantity")[0].querySelector("input").value;

您需要选择表格单元格内的输入。

【讨论】：