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列).

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。