Javascript 添加新行&；现有表的列+；保留表的功能

这里是我的JS小提琴的链接

jsfiddle.net/elvo6969/51uLoa7b/2

*新工作环节

我试图做的是在我的表中添加一个新行（其中有空单元格，我可以写入），计算新行的平均值，并将其输出到该行的最后一个单元格。（这很有挑战性，因为前3行应该被忽略，因为它有学生信息，如姓名、学生编号等）

在创建新行时，它只会创建一个新的空单元格

似乎也不知道如何为整个表添加列

非常感谢您的任何帮助，对JS来说也是几乎完全陌生的。请原谅我的愚蠢

function appendRow() {
    var tbl = document.getElementById('my-table'), // table reference
        row = tbl.insertRow(tbl.rows.length),      // append table row
        i;
    // insert table cells to the new row
    for (i = 0; i < tbl.rows[0].cells.length; i++) {
        createCell(row.insertCell(i), i, 'row');
    }
}

function createCell(cell, text, style) {
    var div = document.createElement('div'), // create DIV element
        txt = document.createTextNode(text); // create text node
    div.appendChild(txt);                    // append text node to the DIV
    div.setAttribute('class', style);        // set DIV class attribute
    div.setAttribute('className', style);    // set DIV class attribute for IE 
    cell.appendChild(div);                   // append DIV to the table cell
}

function appendColumn() {
    var tbl = document.getElementById('my-table'), // table reference
        i;
    // open loop for each row and append cell
    for (i = 0; i < tbl.rows.length; i++) {
        createCell(tbl.rows[i].insertCell(tbl.rows[i].cells.length), i, 'col');
    }
}

函数appendRow（）{
var tbl=document.getElementById（'my-table'），//表引用
row=tbl.insertRow（tbl.rows.length），//追加表行
我
//将表格单元格插入新行
对于（i=0；i

请注意，您可以使用Widdle包含所有相关代码（包括HTML和CSS），这样人们就不必去其他站点查看正在运行的示例。当我尝试运行JSFIDLE时，JavaScript控制台中会出现很多错误。首先修复这些问题。很抱歉，“添加行”按钮引用的是一个旧函数。现在已修复。请注意，您可以使用，这样人们就不必去其他站点查看正在运行的示例。首先修复这些问题。很抱歉，添加行按钮引用的是一个旧函数，现在已修复