请问,javascript中怎么删除表格中的所有行
日期：2014-05-16 浏览次数：20451 次
请教,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不妨试试这样
做的是一个动态表格,添加一行,删除一行都很正常,现在要求要可以一次清空(就和刷新过一样).本人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>
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
