8.7w+
社区成员
如何清空《table》中的所有标签（保留table）？
原来table中的内容也都是动态生成的
用了innerHTML=""有错误
请问各位高手有什么办法？
用了innerHTML=""有错误
请问各位高手有什么办法？
...全文
当前发帖距今超过3年，不再开放新的回复
发表回复
fronm 2004-10-28
- 打赏
- 举报
留下
<table>
<tr>
<td>
</table>
<table>
<tr>
<td>
</table>
hong1wei2 2004-10-28
- 打赏
- 举报
还是不行
没错误但也没反应，删不了
没错误但也没反应，删不了
dout 2004-10-28
- 打赏
- 举报
学习
yaohai 2004-10-28
- 打赏
- 举报
学习ing...
meizz 2004-10-28
- 打赏
- 举报
var tab = document.all.tableId;
for(var i=tab.children.length; i>0; i--)
{
tab.children[i-1].removeNode(true);
}
for(var i=tab.children.length; i>0; i--)
{
tab.children[i-1].removeNode(true);
}
hong1wei2 2004-10-28
- 打赏
- 举报
谢谢meizz(梅花雪 封闭开发中)
你的办法可行，刚才使我自己弄错了
你的办法可行，刚才使我自己弄错了
iuhxq 2004-10-28
- 打赏
- 举报
<table id="test">
<tr>
<td><div onclick="location.href='http://www.sina.com.cn'">test</div></td>
<td>fdsafd</td>
</tr>
<tr>
<td>gfd</td>
<td>gfdgsfdgfs</td>
</tr>
</table>
<script language="javascript">
document.getElementById("test").outerHTML="<table><tr><td><img src='http://www.sina.com.cn/images/logo.gif'></td></tr></table>";
</script>
<tr>
<td><div onclick="location.href='http://www.sina.com.cn'">test</div></td>
<td>fdsafd</td>
</tr>
<tr>
<td>gfd</td>
<td>gfdgsfdgfs</td>
</tr>
</table>
<script language="javascript">
document.getElementById("test").outerHTML="<table><tr><td><img src='http://www.sina.com.cn/images/logo.gif'></td></tr></table>";
</script>
iuhxq 2004-10-28
- 打赏
- 举报
<table id="test">
<tr>
<td><div onclick="location.href='http://www.sina.com.cn'">test</div></td>
<td>fdsafd</td>
</tr>
<tr>
<td>gfd</td>
<td>gfdgsfdgfs</td>
</tr>
</table>
<script language="javascript">
document.getElementById("test").outerHTML="<table></table>";
</script>
<tr>
<td><div onclick="location.href='http://www.sina.com.cn'">test</div></td>
<td>fdsafd</td>
</tr>
<tr>
<td>gfd</td>
<td>gfdgsfdgfs</td>
</tr>
</table>
<script language="javascript">
document.getElementById("test").outerHTML="<table></table>";
</script>
fason 2004-10-28
- 打赏
- 举报
var tb=document.getElementById("tb"),e;
while(e=tb.firstChild)tb.removeChild(e);//remove,thead,tbody...
while(e=tb.firstChild)tb.removeChild(e);//remove,thead,tbody...
meizz 2004-10-28
- 打赏
- 举报
<table id=tab>
<tr>
<td>1</td>
<td>1</td>
<td>1</td>
</tr>
<tr>
<td>2</td>
<td>2</td>
<td>2</td>
</tr>
<tr>
<td>3</td>
<td>3</td>
<td>3</td>
</tr>
</table>
<input type=button onclick="mm()" value="removerow"><br>
<input type=button value="tab.outerHTML" onclick="alert(tab.outerHTML)">
<script>
function mm()
{
var tab = document.all.tab;
for(var i=tab.children.length; i>0; i--)
{
tab.children[i-1].removeNode(true);
}
}
</script>
<tr>
<td>1</td>
<td>1</td>
<td>1</td>
</tr>
<tr>
<td>2</td>
<td>2</td>
<td>2</td>
</tr>
<tr>
<td>3</td>
<td>3</td>
<td>3</td>
</tr>
</table>
<input type=button onclick="mm()" value="removerow"><br>
<input type=button value="tab.outerHTML" onclick="alert(tab.outerHTML)">
<script>
function mm()
{
var tab = document.all.tab;
for(var i=tab.children.length; i>0; i--)
{
tab.children[i-1].removeNode(true);
}
}
</script>
ttyp 2004-10-28
- 打赏
- 举报
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title> New Document </title>
<meta name="Generator" content="EditPlus">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<script language="JavaScript">
<!--
function removeRow()
{
var t = document.all.ta;
for(var i= ta.rows.length-1;i>=0;i--)
{
t.deleteRow(i);
}
}
//-->
</script>
</head>
<body>
<table id=ta>
<tr>
<td>1</td>
<td>1</td>
<td>1</td>
</tr>
<tr>
<td>2</td>
<td>2</td>
<td>2</td>
</tr>
<tr>
<td>3</td>
<td>3</td>
<td>3</td>
</tr>
</table>
<input type=button onclick="removeRow()" value="removerow">
</body>
</html>
<html>
<head>
<title> New Document </title>
<meta name="Generator" content="EditPlus">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<script language="JavaScript">
<!--
function removeRow()
{
var t = document.all.ta;
for(var i= ta.rows.length-1;i>=0;i--)
{
t.deleteRow(i);
}
}
//-->
</script>
</head>
<body>
<table id=ta>
<tr>
<td>1</td>
<td>1</td>
<td>1</td>
</tr>
<tr>
<td>2</td>
<td>2</td>
<td>2</td>
</tr>
<tr>
<td>3</td>
<td>3</td>
<td>3</td>
</tr>
</table>
<input type=button onclick="removeRow()" value="removerow">
</body>
</html>