当前位置: 代码迷 >> JavaScript >> 请问,javascript中怎么删除表格中的所有行
  详细解决方案

请问,javascript中怎么删除表格中的所有行

热度:148   发布时间:2012-03-22 17:43:57.0
请教,javascript中如何删除表格中的所有行?
做的是一个动态表格,添加一行,删除一行都很正常,现在要求要可以一次清空(就和刷新过一样).本人JS知识有限,不知道有没有类似Table.rows.clear()这样的方法?如果没有是不是要用循环来删?
我试了下:
for (i=0; i<Table.rows.length; i++)
{
  Table.deleteRow(1);
}
1换成i也不行,一直不正常.
还望高手给出方案.

------解决方案--------------------
Table.style.display=true;
------解决方案--------------------
for(var i=Table.rows.length-1;i>=0;i--)
{
Table.deleteRow(i);
}
你可能没考虑到删除一行后Table.rows会动态改变
------解决方案--------------------
我老是贴不上去。。。晕死了。。
------解决方案--------------------
不需要用循环
Table.removeNode(true);
------解决方案--------------------
楼上的方法将 TABLE自身标签也去掉了………
------解决方案--------------------
lz不妨试试这样
HTML code
<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> 
  相关解决方案