您的位置：首页 > Web前端 > JavaScript

JS删除table行和列

2016-09-13 01:44 357 查看
http://duyongguang.blogbus.com/logs/61940876.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>javascript删除行和列</title>

<script >

function deleteCol(obj){

    var index=obj.cellIndex;

    var table = document.getElementById("table");

    var len = table.rows.length; 

    for(var i = 0;i < len;i++){

        table.rows[i].deleteCell(index);

    }

}

function deleteRow(obj){

    var index=obj.parentNode.rowIndex;

    var table = document.getElementById("table");

    table.deleteRow(index);

}

</script>

<style>

table *{border:1px red solid;}

</style>

</head>

<body>

<table id="table">

       <tr class="onclickHead">

           <td onclick="deleteCol(this)">删除列</td>

           <td onclick="deleteCol(this)">删除列</td>

           <td onclick="deleteCol(this)">删除列</td>

           <td> </td>

       </tr>

       <tr>

          <td>名字</td>

          <td>年龄</td>

          <td>性别</td>

          <td onclick="deleteRow(this)">删除行</td>

       </tr>

       <tr>

          <td>张三</td>

          <td>36</td>

          <td>男</td>

          <td onclick="deleteRow(this)">删除行</td>

       </tr>

</table>

</body>

</html>

转自：JS删除table行和列 - hotty - 博客园
http://www.cnblogs.com/happyhotty/articles/1967261.html
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航