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

Question

我的HTML如下：<td class="quantity">   <input value = "1" type="number"></td>这是JS代码：var quantity = 0;function addItem(){        quantity = document.getElementsByClassName("quantity")[0].value;基本上，我希望数量变量更改为我默认设置为1的输入值的值。当我检查数量值时，控制台返回“未定义”。

Answer 1

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

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

Answer 2

var quantity = 0;

function addItem(){

        quantity = document.querySelector(".quantity")[0].querySelector("input").value;

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