您现在的位置是:首页 > 电脑技术查询 > web开发

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

编辑:chaxungu时间:2022-10-02 23:18:02分类:web开发

请教,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>