首页 > 其他 > 详细

DOM 操作表格

时间:2018-04-10 18:14:57      阅读:181      评论:0      收藏:0      [点我收藏+]

获取表格行数:   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);

 

DOM 操作表格

原文:https://www.cnblogs.com/redpen/p/8781143.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!