DOM 操作表格

Posted 2020-10-30 redpen

获取表格行数：   table.rows.length

获取主体的行数的结合，数量：   table.tBodies[0].rows.length

获取第一行单元格的数量：   table.tBodies[0].rows[0].cells.length

获取第一行单元格的数量 ：    table.tBodies[0].rows[0].cells[0].innerhtml

删除标题：   table.deleteCaption()

删除thead:    table.deleteThead()

删除tr第一行：  table.tBodies.deleteRow[0]

删除td第一个单元格：   table.tBodies[0].rows[0].deleteCell[0]

 

创建一个表格

    var table = document.createElement(‘table‘);
    table.border = 1;
    table.width = 300;

    table.createCaption().innerHTML = ‘人员表‘;

    // table.createTHead();
    // table.tHead.insertRow(0);    
    var thead = table.createTHead();
    var tr = thead.insertRow(0);

    var td = tr.insertCell(0);
    td.appendChild(document.createTextNode(‘数据‘));

    var td2 = tr.insertCell(1);
    td2.appendChild(document.createTextNode(‘数据2‘))

    document.body.appendChild(table);