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

我的HTML如下所示：

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

---

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

因为您检查的是

td

元素而不是输入

document.querySelector（“输入[type='number']”）值
var数量=0；
函数addItem（）{
数量=文档。查询选择器（“.quantity”）[0]。查询选择器（“输入”）。值；

您需要选择表格单元格内的输入。
现在我将其更改为quantity=document.querySelector（“quantity[type='number']）[0].value；并且我得到了以下错误：无法读取null的属性“0”，而不是
quantity
，而是
input
@billynotreally@billynotreally
getElementsByClassName
使用该类检索元素数组，现在使用
querySelector
可以获取项目本身（仅一个项目），它不像以前那样是数组。你能把我的答案标记为已解决吗？
var quantity = 0;
function addItem(){
        quantity = document.getElementsByClassName("quantity")[0].value;