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

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

因为您检查的是元素而不是输入，tddocument.querySelector("input[type='number']").value;

Answer 2

var quantity = 0;function addItem(){&nbsp; &nbsp; &nbsp; &nbsp; quantity = document.querySelector(".quantity")[0].querySelector("input").value;您需要选择表格单元格内的输入。