87,902
社区成员
发帖
与我相关
我的任务
分享知道了表格的id,如何删除一个表格？
<HTML>
<HEAD>
<META NAME="GENERATOR" Content="Microsoft Visual Studio 6.0">
<TITLE></TITLE>
<script language = "JavaScript">
function delTable() {
var oTable = document.getElementById("tb1");
}
</script>
</HEAD>
<BODY>
<table id = "tb1" border = "1">
<tr>
<td>1</td>
<td>2</td>
<tr>
</table>
<input type = "button" value = "删除" onclick = "delTable()">
</BODY>
</HTML>
点击删除要删除那个表格，delTable()函数要如何写？？
<HEAD>
<META NAME="GENERATOR" Content="Microsoft Visual Studio 6.0">
<TITLE></TITLE>
<script language = "JavaScript">
function delTable() {
var oTable = document.getElementById("tb1");
}
</script>
</HEAD>
<BODY>
<table id = "tb1" border = "1">
<tr>
<td>1</td>
<td>2</td>
<tr>
</table>
<input type = "button" value = "删除" onclick = "delTable()">
</BODY>
</HTML>
点击删除要删除那个表格，delTable()函数要如何写？？
...全文
请发表友善的回复…
发表回复
fason 2003-08-31
- 打赏
- 举报
use：
oTable.parentNode.removeChild(oTable);//for ie5+ and ns6
oTable.parentNode.removeChild(oTable);//for ie5+ and ns6
fason 2003-08-31
- 打赏
- 举报
use：
oTable.parentNode.removeChild(oTable);//for ie5+ and ns6
oTable.parentNode.removeChild(oTable);//for ie5+ and ns6
zgmboy 2003-08-31
- 打赏
- 举报
study
ysharp 2003-08-31
- 打赏
- 举报
不错
学习学习
学习学习
cloudchen 2003-08-30
- 打赏
- 举报
obj.removeNode(true);
这样连当前节点的子节点通通删除，不加true仅仅去掉了<table>标记对
<HTML>
<HEAD>
<META NAME="GENERATOR" Content="Microsoft Visual Studio 6.0">
<TITLE></TITLE>
<script language = "JavaScript">
function delTable() {
var oTable = document.getElementById("tb1");
if (oTable)
oTable.removeNode(true);
}
</script>
</HEAD>
<BODY>
<table id = "tb1" border = "1">
<tr>
<td>1</td>
<td>2</td>
</tr>
<tr>
<td>1</td>
<td>2</td>
</tr>
<tr>
<td colspan = "2">
<input type = "button" value = "删除" onclick = "delTable()">
</td>
</tr>
</table>
<table id = "tb2" border = "1">
<tr>
<td>3</td>
<td>4</td>
</tr>
<tr>
<td>3</td>
<td>4</td>
</tr>
<tr>
<td colspan = "2">
<input type = "button" value = "删除" id=button1 name=button1 onclick = "delTable()">
</td>
</tr>
</table>
</BODY>
</HTML>
这样连当前节点的子节点通通删除，不加true仅仅去掉了<table>标记对
<HTML>
<HEAD>
<META NAME="GENERATOR" Content="Microsoft Visual Studio 6.0">
<TITLE></TITLE>
<script language = "JavaScript">
function delTable() {
var oTable = document.getElementById("tb1");
if (oTable)
oTable.removeNode(true);
}
</script>
</HEAD>
<BODY>
<table id = "tb1" border = "1">
<tr>
<td>1</td>
<td>2</td>
</tr>
<tr>
<td>1</td>
<td>2</td>
</tr>
<tr>
<td colspan = "2">
<input type = "button" value = "删除" onclick = "delTable()">
</td>
</tr>
</table>
<table id = "tb2" border = "1">
<tr>
<td>3</td>
<td>4</td>
</tr>
<tr>
<td>3</td>
<td>4</td>
</tr>
<tr>
<td colspan = "2">
<input type = "button" value = "删除" id=button1 name=button1 onclick = "delTable()">
</td>
</tr>
</table>
</BODY>
</HTML>
jjkkk 2003-08-30
- 打赏
- 举报
谢谢了，还有一点小小问题
比如下面这段代码，我删除了第一个表格后
我希望下面这个表格要占据原来这个表格的位置
要怎么实现？？
<HTML>
<HEAD>
<META NAME="GENERATOR" Content="Microsoft Visual Studio 6.0">
<TITLE></TITLE>
<script language = "JavaScript">
function delTable() {
var oTable = document.getElementById("tb1");
if (oTable)
oTable.removeNode();
}
</script>
</HEAD>
<BODY>
<table id = "tb1" border = "1">
<tr>
<td>1</td>
<td>2</td>
</tr>
<tr>
<td>1</td>
<td>2</td>
</tr>
<tr>
<td colspan = "2">
<input type = "button" value = "删除" onclick = "delTable()">
</td>
</tr>
</table>
<table id = "tb2" border = "1">
<tr>
<td>1</td>
<td>2</td>
</tr>
<tr>
<td>1</td>
<td>2</td>
</tr>
<tr>
<td colspan = "2">
<input type = "button" value = "删除" id=button1 name=button1 onclick = "delTable()">
</td>
</tr>
</table>
</BODY>
</HTML>
比如下面这段代码，我删除了第一个表格后
我希望下面这个表格要占据原来这个表格的位置
要怎么实现？？
<HTML>
<HEAD>
<META NAME="GENERATOR" Content="Microsoft Visual Studio 6.0">
<TITLE></TITLE>
<script language = "JavaScript">
function delTable() {
var oTable = document.getElementById("tb1");
if (oTable)
oTable.removeNode();
}
</script>
</HEAD>
<BODY>
<table id = "tb1" border = "1">
<tr>
<td>1</td>
<td>2</td>
</tr>
<tr>
<td>1</td>
<td>2</td>
</tr>
<tr>
<td colspan = "2">
<input type = "button" value = "删除" onclick = "delTable()">
</td>
</tr>
</table>
<table id = "tb2" border = "1">
<tr>
<td>1</td>
<td>2</td>
</tr>
<tr>
<td>1</td>
<td>2</td>
</tr>
<tr>
<td colspan = "2">
<input type = "button" value = "删除" id=button1 name=button1 onclick = "delTable()">
</td>
</tr>
</table>
</BODY>
</HTML>
jzsh2000 2003-08-26
- 打赏
- 举报
判断一下：
<script language = "JavaScript">
function delTable() {
var oTable = document.getElementById("tb1");
if(oTable) oTable.removeNode();
else alert("表格已被删除！");
}
</script>
<script language = "JavaScript">
function delTable() {
var oTable = document.getElementById("tb1");
if(oTable) oTable.removeNode();
else alert("表格已被删除！");
}
</script>
jzsh2000 2003-08-26
- 打赏
- 举报
<script language = "JavaScript">
function delTable() {
var oTable = document.getElementById("tb1");
oTable.removeNode();
}
</script>
function delTable() {
var oTable = document.getElementById("tb1");
oTable.removeNode();
}
</script>
