tableRow 方法

特徵 | 方法

deleteCell

insertCell

tableRow 的方法

deleteCell

刪除欄中的小方格。無回傳值。其語法是：

欄物件.deleteCell( 指標 )

指標是刪除方格的位址，由零算起；指標之後的小方格會向左移。設為 -1 會刪除最後一格。

insertCell

欄中增加一個小方格，回傳方格物件。其語法是：

方格物件 = 欄物件.insertCell( 指標 )

指標是新方格的位址，由零算起；指標之後的小方格會向右移。如果指標為 -1 或等於方格數，則新方格加在欄尾端。省略指標或指標大於方格數目，會發生錯誤。 <table id='tbl4' bgcolor='#333388'> <caption>好玩遊戲</caption> <tr><th>名稱<th>分類 <tr><td>殭屍峽谷<td>射擊遊戲 <tr><td>沙灘車越峽谷<td>障礙遊戲 </table> <p> <script type='text/javascript'> function insertCellDM() { var tr=document.getElementById('tbl4').insertRow(1); tr.insertCell(0).innerHTML='益智遊戲'; tr.insertCell(0).innerHTML='俄羅斯方塊'; //tr.insertCell(1).innerHTML='益智遊戲'; } function deleteCellDM() { var tb=document.getElementById('tbl4'); tb.rows[1].deleteCell( -1 ); if( tb.rows[1].cells.length == 0 ) tb.deleteRow(1); } </script> <p><a href='javascript:insertCellDM()'> 點此增加新方格</a> <p><a href='javascript:deleteCellDM()'> 點此刪除小方格</a>

• 程式用法：

  <table id='tbl4' bgcolor='#333388'>
  <caption>好玩遊戲</caption>
  <tr><th>名稱<th>分類
  <tr><td>殭屍峽谷<td>射擊遊戲
  <tr><td>沙灘車越峽谷<td>障礙遊戲
  </table>
  <p>
  <script type='text/javascript'>
  function insertCellDM()
  {
    var tr=document.getElementById('tbl4').insertRow(1);
    tr.insertCell(0).innerHTML='益智遊戲';
    tr.insertCell(0).innerHTML='俄羅斯方塊';
    //tr.insertCell(1).innerHTML='益智遊戲';
  }
  function deleteCellDM()
  {
    var tb=document.getElementById('tbl4');
    tb.rows[1].deleteCell( -1 );
    if( tb.rows[1].cells.length == 0 )
      tb.deleteRow(1);
  }
  </script>
  <p><a href='javascript:insertCellDM()'>
  點此增加新方格</a>
  <p><a href='javascript:deleteCellDM()'>
  點此刪除小方格</a>
  

• 執行結果：

  好玩遊戲

  名稱	分類
  殭屍峽谷	射擊遊戲
  沙灘車越峽谷	障礙遊戲

  點此增加新方格

  點此刪除小方格