码迷,mamicode.com
首页 > 其他好文 > 详细

DOM 操作表格

时间:2018-04-10 18:46:07      阅读:156      评论:0      收藏:0      [点我收藏+]

标签:insert   创建   pen   row   innerhtml   tee   nbsp   单元   inner   

获取表格行数:   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 操作表格

标签:insert   创建   pen   row   innerhtml   tee   nbsp   单元   inner   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!