js中删除table里所有行

最新推荐文章于 2023-09-21 15:57:23 发布

苍月代表我

最新推荐文章于 2023-09-21 15:57:23 发布

阅读量424

点赞数

本文介绍了两种JavaScript方法用于清除HTML表格中的所有行：一种是逐行删除，另一种是使用removeNode方法一次性移除所有行。同时展示了如何通过操作DOM元素来实现表格的增删功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

方法一
attAchments为table
var tb = document.getElementById('attAchments');
     var rowNum=tb.rows.length;
     for (i=0;i<rowNum;i++)
     {
         tb.deleteRow(i);
         rowNum=rowNum-1;
         i=i-1;
     }
方法二:
removeNode(true)使用。
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>newpage</title>
</head>
<body>
<table border="1" width="100%" id="table1">
    <tr>
        <td></td>
        <td></td>
    </tr>
    <tr>
        <td></td>
        <td></td>
    </tr>
</table>
</body>
<script>
var t=document.getElementById("table1");
alert(t.outerHTML);
//删除所有行
t.firstChild.removeNode(true)
alert(t.outerHTML);
//增加一行
t.insertRow();
alert(t.outerHTML);
</script>
</html>