HTML DOM deleteCell() 方法

定义和用法

deleteCell() 方法用于删除表格行中的单元格（<td> 元素）。

语法

  1. tablerowObject.deleteCell(index)

说明

参数 index 是要删除的表元在行中的位置。

该方法将删除表行中指定位置的表元。

抛出

若参数 index 小于 0 或大于等于行中的的表元数，该方法将抛出代码为 INDEX_SIZE_ERR 的 DOMException 异常。

实例

下面的例子从行中删除了一个单元格：

  1. <html>
  2. <head>
  3. <script type="text/javascript">
  4. function delCell()
  5.   {
  6.   document.getElementById('tr2').deleteCell(0)
  7.   }
  8. </script>
  9. </head>
  10. <body>
  11.  
  12. <table border="1">
  13. <tr id="tr1">
  14. <th>Firstname</th>
  15. <th>Lastname</th>
  16. </tr>
  17. <tr id="tr2">
  18. <td>Peter</td>
  19. <td>Griffin</td>
  20. </tr>
  21. </table>
  22. <br />
  23. <input type="button" onclick="delCell()" value="Delete cell">
  24.  
  25. </body>
  26. </html>