首页 > 代码库 > js删除table一列

js删除table一列

删除指定列的思想很简单:删除每一行的对应列的单元格,即一个单元格一个单元格删除。如:一个table有2行3列,若要删除第删列,只需要第一行第三列单元格和第二行第三列单元格。

以下我示例代码:

<table id="table">
<tr>
<td>第1行第1列</td>
<td id="delID">第1行第2列</td>
</tr>
<tr>
<td>第2行第1列</td>
<td>第2行第2列</td>

</tr>
<tr>
< td>第3行第1列</td>
< td>第3行第2列</td>
< /tr>

</table>

假设删除最后一列即第二列,js代码如下:

<script type="text/javascript">
function deltr(){
var delID = document.getElementById("delID");
var target_=delID.cellIndex;
var table = document.getElementById("table");
var len = table.rows.length;
for(var i = 0;i < len;i++){
table.rows[i].deleteCell(target_);
}
}
</script>

delID为要删除列的第一个单元格的id,这样通过delID.cellIndex就可以拿到最后一列的列数;然后,通过table.rows.length拿到table的总行数,最后就可以一个单元格一个单元格的删除最后一列啦。

注:这里可以将target_直接换成列数,本实例中target_可以换成1(表示第2列).

js删除table一列