向现有表添加新的行和列+保持表的功能

时间:2019-03-06 20:27:13

标签: javascript html css

这是我的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');
    }
}

0 个答案:

没有答案