zoukankan      html  css  js  c++  java
  • DOM 操作表格

    获取表格行数:   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);
  • 相关阅读:
    eclipse(java windows)
    Tomcat(Linux)
    Tomcat(Windows)
    MySql(Windows)
    Java EE API
    计算机网络-TCP三次握手理解
    onclick 和click 的区别
    js轮播图代码
    JS轮播图制作
    js动画原理
  • 原文地址:https://www.cnblogs.com/redpen/p/8781143.html
Copyright © 2011-2022 走看看