Неопределенный объект HTML при суммировании элементов HTML DOM (объект HTMLUnknownElement)

Question

Я пытаюсь отобразить промежуточный итог 6 элементов стоимости линии, найденных в файле веб-страницы HTML / php. Я сделал это путем динамической итерации всех 6 элементов, к сожалению, все 6 элементов отображаются как «undefined [object HTMLUnknownElement]» вместо одной единственной суммы в промежуточной сумме. Могу ли я пропустить какое-то преобразование значений?

Мой JavaScript находится здесь:

function findSubTotal(){
  var i;
  var sum;
  let p = document.getElementsByTagName("line_cost");

  for (i = 0; i < p.length; i++) {
    sum = sum + p[i];
  }

  setSubTotal(sum, "sub_total");
}


function setSubTotal(sum, item_id){
  let i = document.getElementById(item_id);
  i.innerHTML = sum;
  findDeliveryCharge();
}

Ошибка отображается на странице php

Answer 1

Сделайте что-то вроде ниже,

function findSubTotal(){
  var i;
  var sum = 0; // initialize the sum
  let p = document.getElementsByTagName("line_cost");

  for (i = 0; i < p.length; i++) {
    if (!isNaN(Number(p[i].innerHTML))) {
       sum = Number(sum + Number(p[i].innerHTML)); // p[i].innerHTML gives you the value
    }

  }

  setSubTotal(sum, "sub_total");
}


function setSubTotal(sum, item_id){
  let i = document.getElementById(item_id);
  i.innerHTML = sum;
  findDeliveryCharge();
}