时间戳

首页 > 解决方案 > 对 HTML DOM 元素求和时未定义的 HTML 对象（对象 HTMLUnknownElement）

javascript - 对 HTML DOM 元素求和时未定义的 HTML 对象（对象 HTMLUnknownElement）

问题描述

我正在尝试显示在 HTML/php 网页文件中找到的 6 个行成本元素的小计。我通过动态迭代所有 6 个元素来做到这一点，不幸的是，所有 6 个元素都显示为“未定义 [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页面上显示的错误

标签： javascriptphphtmldom

解决方案

做类似下面的事情，

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();
}

推荐阅读