function add(items) { var sum = 0, num = 0, html = "", table = document.getElementById("jsTrolley"), tbody = table.getElementsByTagName("tbody")[0], tfoot = table.getElementsByTagName('tfoot')[0], tr = tbody.getElementsByTagName("tr"); price = tfoot.getElementsByTagName('td')[0]; for (var i = 0; i < tr.length; i++) { var a = tr[i].getElementsByTagName('td')[1]; sum += parseFloat(a.innerHTML); } for(var i =0;i<items.length;i++){ sum += items[i].price; html += "<tr><td>"+items[i].name+"</td><td>"+items[i].price.toFixed(2)+"</td><td><a href='javascript:void(0);'>删除</a></td></tr>"; } html = tbody.innerHTML+html; tbody.innerHTML = html; num = tbody.getElementsByTagName("tr").length; price.innerHTML = sum.toFixed(2)+"("+num+"件商品)"; } function bind() { function fn(){ var node = this.parentNode.parentNode; node.parentNode.removeChild(node); var sum = 0,num=0; var tbody = document.getElementById("jsTrolley").getElementsByTagName("tbody")[0]; var tr = tbody.getElementsByTagName("tr"); for (var i = 0; i < tr.length; i++) { var a = tr[i].getElementsByTagName('td')[1]; sum += parseFloat(a.innerHTML); num++; } num = tbody.getElementsByTagName("tr").length; price.innerHTML = sum.toFixed(2)+"("+num+"件商品)"; } var del = document.getElementById("jsTrolley").getElementsByTagName("a"); for (var i = 0; i < del.length; i++) { del[i].onclick = fn; } } bind();