您现在的位置： 365建站网 > 建站教程 > JavaScript 教程 > HTML DOM deleteCell() 方法

HTML DOM deleteCell() 方法

此节有 228 人学习过参与评论

定义和用法

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

语法

</>code
tablerowObject.deleteCell(index)

说明

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

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

抛出

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

实例

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

</>code
<html>
<head>
<script type="text/javascript">
function delCell()
  {
  document.getElementById('tr2').deleteCell(0)
  }
</script>
</head>
<body>
<table border="1">
<tr id="tr1">
<th>Firstname</th>
<th>Lastname</th>
</tr>
<tr id="tr2">
<td>Peter</td>
<td>Griffin</td>
</tr>
</table>
<br />
<input type="button" onclick="delCell()" value="Delete cell">
</body>
</html>