指定值“未定义”无法解析或超出范围

Question

所以我试图在计费部分制作一个基于 POS Web 的应用程序，我试图仅添加由 JavaScript 添加的总列，但它不会添加

HTML： -

            <table id="tbl">
              <thead>
                <th>Product Name</th>

                <th>Description</th>

                <th>Price</th>

                <th>Quantity</th>

                <th>Total</th>
              </thead>
            </table>

我创建了一个按钮，可以执行几个操作除此之外，它应该在输入字段中显示总金额，但此 JS 不显示总金额： -

let subTotal = document.getElementById("tbl").getElementsByTagName("td");

  let sum;

  for (let i = 0; i < subTotal.length; i++) {
    if (subTotal[i].id == "lstTtl") {
      sum += isNaN(subTotal[i].innerHTML) ? 0 : parseInt(subTotal[i].innerHTML);
    }
  }

  document.getElementById("sTotal").value = sum;

尝试从动态添加的表中获取计算金额。

Answer 1

对于任何非数字的内容，isNaN 将始终返回 true，而 subTotal[i].innerHTML 永远不会返回 true，因此 sum 将始终为 +0。

if (subTotal[i].id == "lstTtl") {
  const num = parseInt(subTotal[i].innerHTML);
  if(!isNaN(num) {
    sum += num;
  }
}