js保留表格标题删除其余行

最新推荐文章于 2022-06-04 13:55:56 发布

Inuyasha1121

最新推荐文章于 2022-06-04 13:55:56 发布

阅读量978

点赞数 2

分类专栏：小功能操作表格 javascript 文章标签： js 小功能操作表格

本文链接：https://blog.csdn.net/Inuyasha1121/article/details/44487589

版权

javascript 同时被 3 个专栏收录

74 篇文章 1 订阅

订阅专栏

小功能

17 篇文章 0 订阅

订阅专栏

操作表格

1 篇文章 0 订阅

订阅专栏

<html>

<head>

<script>

fucntion deleteRows(){

      var snapinfo_table = document.getElementById("tabid");
      var snapinfo_tr_num = snapinfo_table.rows.length;
      for(var i=snapinfo_tr_num-1;i>0;i--){
             snapinfo_table_old.deleteRow(i);
      }
}

</script>

</head>

<body>

<input type="button" οnclick="deleteRows()" value="删除" />

<table border="1" id="tabid">
<tr><td colspan="2">标题</td></tr>
<tr><td>1</td><td>2</td></tr>
<tr><td>3</td><td>4</td></tr>
<tr><td>5</td><td>6</td></tr>
<tr><td>7</td><td>8</td></tr>
</table>

</body>
</html>