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一列

标签：

原文地址：http://www.cnblogs.com/lvxiaowei/p/4260590.html