[急]怎么删除所有的Table子节点(tr,td)
日期：2014-05-16 浏览次数：20363 次
[急]如何删除所有的Table子节点(tr,td)
我知道可以用innerHTML= ' ';但是FF没有这个属性,所以要通过XML的方法删除但是childnode好象没有remove的方法怎么删除?
------解决方案--------------------
<html>
<head>
<title> </title>
<script language= "JavaScript ">
window.onload = function()
{
T();
}
function T()
{
var t = document.getElementById( "tab ");
if(t.rows.length > 0)
{
t.deleteRow(0);
setTimeout( "T() ", 1000);
}
}
</script>
</head>
<body>
<TABLE id= "tab " border= "1 ">
<TR> <TD> 1 </TD> <TD> 2 </TD> <TD> 3 </TD> <TD> 4 </TD> </TR>
<TR> <TD> 5 </TD> <TD> 6 </TD> <TD> 7 </TD> <TD> 8 </TD> </TR>
<TR> <TD> 9 </TD> <TD> 10 </TD> <TD> 11 </TD> <TD> 12 </TD> </TR>
<TR> <TD> 13 </TD> <TD> 14 </TD> <TD> 15 </TD> <TD> 16 </TD> </TR>
</TABLE>
</body>
</html>
------解决方案--------------------
for(i = document.getElementById( "table1 ").rows.length-1;i> -1;i--)
document.getElementById( "table1 ").deleteRow(i)
我知道可以用innerHTML= ' ';但是FF没有这个属性,所以要通过XML的方法删除但是childnode好象没有remove的方法怎么删除?
------解决方案--------------------
<html>
<head>
<title> </title>
<script language= "JavaScript ">
window.onload = function()
{
T();
}
function T()
{
var t = document.getElementById( "tab ");
if(t.rows.length > 0)
{
t.deleteRow(0);
setTimeout( "T() ", 1000);
}
}
</script>
</head>
<body>
<TABLE id= "tab " border= "1 ">
<TR> <TD> 1 </TD> <TD> 2 </TD> <TD> 3 </TD> <TD> 4 </TD> </TR>
<TR> <TD> 5 </TD> <TD> 6 </TD> <TD> 7 </TD> <TD> 8 </TD> </TR>
<TR> <TD> 9 </TD> <TD> 10 </TD> <TD> 11 </TD> <TD> 12 </TD> </TR>
<TR> <TD> 13 </TD> <TD> 14 </TD> <TD> 15 </TD> <TD> 16 </TD> </TR>
</TABLE>
</body>
</html>
------解决方案--------------------
for(i = document.getElementById( "table1 ").rows.length-1;i> -1;i--)
document.getElementById( "table1 ").deleteRow(i)
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
