Javascript 从输入值获取未定义的

我无法获取输入的值，问题在于

quantityElement.value

，它始终返回未定义的值。
因此，下面你会发现我的HTML和JS中有问题的部分。在我的javascript函数中，

quantityElement

在我试图获取其输入值时不断给出一个未定义的值

这是我的HTML：

运货马车
项目
价格
量
T恤
$19.99
去除
裤子
$19.99
去除
全部的
$39.98
购买

Javascript:

function updateCartTotal() {
  var cartItemContainer = document.getElementsByClassName("cart-items")[0];
  var cartRows = cartItemContainer.getElementsByClassName("cart-row");
  var total = 0;
  for (var i = 0; i < cartRows.length; i++) {
    var cartRow = cartRows[i];
    var priceElement = cartRow.getElementsByClassName("cart-price")[0];
    var quantityElement = cartRow.getElementsByClassName(
      "cart-quantity-input"
    )[0];
    var price = parseFloat(priceElement.innerText.replace("$", ""));
    var quantity = parseFloat(quantityElement.value);

    total = total + price * quantity;
  }
  document.getElementsByClassName("cart-total-price")[0].innerText = total;
}

函数updateCartTotal（）{
var cartItemContainer=document.getElementsByClassName（“购物车项目”）[0]；
var cartRows=cartItemContainer.getElementsByClassName（“cart行”）；
var合计=0；
对于（var i=0；i

首先，我从该元素中删除了“购物车价格”类：

<span class=" cart-header cart-column">PRICE</span>

价格

并在按钮中添加了“onclick”

<button onclick="updateCartTotal()" class="btn btn-primary btn-purchase" type="button">PURCHASE</button>

购买

然后，从js中更改了一些内容，例如：

function updateCartTotal() {
  var cartItemContainer = document.getElementsByClassName("cart-items")[0];
  var cartRows = cartItemContainer.getElementsByClassName("cart-row");
  var total = 0;

  for (var i = 0; i < cartRows.length; i++) {
    var cartRow = cartRows[i];
    var priceElement = document.getElementsByClassName("cart-price")[0];
    var quantityElement = document.getElementsByClassName("cart-quantity-input")[0];
    var price = parseFloat(priceElement.innerText.replace("$", ""));
    var quantity = parseFloat(quantityElement.value);

    total = total + price * quantity;
  }
  document.getElementsByClassName("cart-total-price")[0].innerText = total;
}

函数updateCartTotal（）{
var cartItemContainer=document.getElementsByClassName（“购物车项目”）[0]；
var cartRows=cartItemContainer.getElementsByClassName（“cart行”）；
var合计=0；
对于（var i=0；i

您需要跳过第一行购物车，因为这是一个车头钥匙！我试过你的方法，但这似乎不能解决问题。奇怪的是当我打印出来时：var quantityElement=cartRow.getElementsByClassName（“购物车数量输入”）[0]；。。。。。不小心按了enter，但当我打印出quantityElement时，我确实得到了我的，但由于某些原因，我无法使用.value来获得值…我可以通过更改html中的一些容器来修复它！感谢您的帮助，并愉快地编码：）