<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>删除表格</title>
<script type="text/javascript">
function delteRow(){
alert(document.getElementById("table1").firstChild.childNodes[1].id);
alert(document.getElementById("table1").firstChild.childNodes[1].nodeName);
document.body.removeChild(document.getElementById("table1").firstChild.childNodes[1]);
}
</script>
</head>
<body id="1">
<input type="button" value="删除第二行" onclick="delteRow()">
<table border="1" width="200" id="table1">
<tr>
<td>
1
</td>
<td>
2
</td>
<td>
3
</td>
</tr>
<tr id="2">
<td>
1
</td>
<td>
2
</td>
<td>
3
</td>
</tr>
<tr>
<td>
1
</td>
<td>
2
</td>
<td>
3
</td>
</tr>
</table>
</body>
</html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>删除表格</title>
<script type="text/javascript">
function delteRow(){
alert(document.getElementById("table1").firstChild.childNodes[1].id);
alert(document.getElementById("table1").firstChild.childNodes[1].nodeName);
document.body.removeChild(document.getElementById("table1").firstChild.childNodes[1]);
}
</script>
</head>
<body id="1">
<input type="button" value="删除第二行" onclick="delteRow()">
<table border="1" width="200" id="table1">
<tr>
<td>
1
</td>
<td>
2
</td>
<td>
3
</td>
</tr>
<tr id="2">
<td>
1
</td>
<td>
2
</td>
<td>
3
</td>
</tr>
<tr>
<td>
1
</td>
<td>
2
</td>
<td>
3
</td>
</tr>
</table>
</body>
</html>
解决方案 »
- Ext 中按钮不灵问题-----------!!!!!!!!!!!!!!!
- 如何打开一个页面一段时间后自动关闭——javascript
- JavaScript禁用键盘
- $("#a").click(function()); 和$("#a).click(somefunction) 各有什么好处
- onbeforeunload 确实要离开页面吗? 确定...取消...。
- 新手问下取地址问题?在线等~
- 大家一起帮忙研究下 这个JS怎么写?
- 檢查一個函數代碼
- 操作数据库
- javascript中怎么限制两个数相除后结果为整数?
- 关于用JS控制onmouseover和 onmouseOut 的样式问题
- 最近收集的常用的Javscript小技巧
还有,这种方法在火狐下提示错误!!
firstChild方法有异同
var xx=document.getElementById("table1").firstChild.childNodes[1];
xx.parentNode.removeChild(xx);
a.removeChild(b);//一般情况下其中b要为a的直接子节点