刘国龙吧 关注:13贴子:2,385
  • 3回复贴,共1

☆【JS】☆170821◆常用HTML DOM对象之:Table

只看楼主收藏回复




IP属地:广东1楼2017-08-21 13:56回复
    Table对象:
    属性:
    tHead tFoot tBodies
    rows: 获得表中所有行对象
    rows[i]: 获得表中小标为i的一个行对象
    方法:
    var newRow=insertRow(rowIndex):
    rowIndex写-1,表示在末尾追加
    比如:insertRow(-1)
    核心DOM:var newRow=document.createElement("tr") table.appendChild(newRow)
    deleteRow(rowIndex):
    比如:currRow.parentNode.removeChild(currRow);
    table.deleteRow(currRow.rowIndex)
    TableRow对象:代表table对象中的某一个tr对象
    table.rows集合,就是一组TableRow对象的集合
    属性:
    cells: 当前行中所有td对象
    cells[i]: 获得当前行中下标为i的td
    rowIndex: 当前行的下标位置,专用于删除行
    方法:
    var newCell=insertCell(index)
    比如:insertCell(3)
    核心DOM:var td=document.createElement("td");
    tr.appendChild(td);
    deleteCell(index)
    TableCell对象:
    属性:cellIndex
    table.rows[i].cells[cellIndex].cellIndex


    IP属地:广东2楼2017-08-21 13:57
    回复
      <table border="1">
      <thead>
      <tr>
      <th>thead</th>
      </tr>
      </thead>
      <tbody>
      <tr>
      <td>tbody1</td>
      </tr>
      </tbody>
      <tbody>
      <tr>
      <td>tbody2</td>
      </tr>
      </tbody>
      <tfoot>
      <tr>
      <td>tfoot</td>
      </tr>
      </tfoot>
      </table>


      IP属地:广东本楼含有高级字体3楼2017-08-21 14:14
      回复
        注:deleteRow(rowIndex);
        deleteCell(index)
        可以用:removeChild 替代.


        IP属地:广东4楼2017-08-21 14:38
        回复