Al ejecutar RemoveChild restar valor al total

[pandora09]

Alexis88 gracias por responder y estar pendiente,

Si he tu codigo pero no me arroja nada, es mas ni siquiera me agrega las filas. No se si te comente anteriormente pero creo las filas de manera dinamica con js. Este es todo mi codigo js para agregar filas, calcular subtotal, total y eliminar filas lo que me falta es que reste el valor de la fila eliminada al campo del total esto solo lo hace bien cuando tengo un solo producto agregado pero si tengo dos o mas me devuelve NaN.

Este es el codigo js.

Código Javascript:

var campo1 = document.createElement("select");
        campo1.type = "select";
        campo1.name = "servicio[]";
        for (i=0; i<28; i++) {
        opt = document.createElement('option');
        opt.value = myarray[i];
        opt.innerHTML = myarray[i];
        campo1.appendChild(opt);
        }
        campo1.size = "1";
 
    var miarray=new Array(3)
    miarray[0] = "0"
    miarray[1] = "1"
    miarray[2] = "2"
    miarray[3] = "3"
    miarray[4] = "4"
    miarray[5] = "5"
 
    var campo2 = document.createElement("select");
        campo2.type = "select";
        campo2.name = "cantidad[]";
        campo2.id = "cantidad";
        for (i=0; i<6; i++) {
        opt = document.createElement('option');
        opt.value = miarray[i];
        opt.innerHTML = miarray[i];
        campo2.appendChild(opt);
        }
        campo2.size = "1";
        campo2.style.width = "50px";
 
    var campo3 = document.createElement("input");
        campo3.type = "text";
        campo3.name = "preciounit[]";
        campo3.id = "preciounit";
        campo3.placeholder = "0,00";
        campo3.style.textAlign = "right";
        campo3.setAttribute("onChange","Calcular(this);");
    
    var campo4 = document.createElement("input");
        campo4.type = "text";
        campo4.name = "totalitem[]";
        campo4.id = "totalitem";
        campo4.class = "costo";
        campo4.placeholder = "0,00";
        campo4.readOnly = "true";
        campo4.style.textAlign = "right";
    
    var campo5 = document.createElement("input");
        campo5.type = "image";
        campo5.src = '14.png';
        campo5.style.background = "#143D55";
        campo5.style.border = "1px solid #320C83";
        campo5.style.borderRadius = "100px";
        campo5.style.marginLeft = "60px";
        campo5.onclick = function() {
        
            var fila = this.parentNode.parentNode;
            var tbody = tabla.getElementsByTagName("tbody")[0];
            var total = document.getElementById("total");
            if (total.innerHTML == 'NaN') {
            total.innerHTML = 0;
            }
            total.innerHTML = (Number(total.innerHTML)-Number(totalitem.value)).toFixed(2);
 
            tbody.removeChild(fila);
 
            }
 
    
    celda1.appendChild(campo1);
    celda2.appendChild(campo2);
    celda3.appendChild(campo3);
    celda4.appendChild(campo4);
    celda5.appendChild(campo5);
 
}
 
function vaciar_campo(input) {
    
    input.value = "";
    
}
 
function Calcular(ele) {
var cantidad = 0, precunit = 0, totalitem = 0;
var tr = ele.parentNode.parentNode;
var nodes = tr.childNodes;
for (var x = 0; x<nodes.length;x++) {
if (nodes[x].firstChild.name == 'cantidad[]') {
cantidad = parseFloat(nodes[x].firstChild.value,10);
}
if (nodes[x].firstChild.name == 'preciounit[]') {
preciounit = parseFloat(nodes[x].firstChild.value,10);
}
if (nodes[x].firstChild.name == 'totalitem[]') {
totalitem = parseFloat(preciounit*cantidad).toFixed(2);
nodes[x].firstChild.value = totalitem;
}
}
var total = document.getElementById("total");
if (total.innerHTML == 'NaN') {
total.innerHTML = 0;
}
total.innerHTML = (Number(total.innerHTML)+Number(totalitem)).toFixed(2);
}
 

Aun no he podido dar con el error no se porque me devuelve NaN cuando tengo dos productos o mas agregados y procedo a eliminarlos.