87,921
社区成员
发帖
与我相关
我的任务
分享
<html>
<head>
<title>表格测试</title>
<meta http-equiv="content-type" content="text/html; charset=GB2312"/>
<script type="text/javascript">
function deleteRow(m) {
var t1 = m.parentNode.parentNode;
document.getElementById("ta").removeChild(t1);
}
</script>
</head>
<body>
<table width="500" style="border:1px solid #99ccff;" id="ta">
<tr><td>123</td><td>234</td><td><button onclick="deleteRow(this);">删除</button></td></tr>
<tr><td>223</td><td>234</td><td><button onclick="deleteRow(this);">删除</button></td></tr>
<tr><td>323</td><td>234</td><td><button onclick="deleteRow(this);">删除</button></td></tr>
<tr><td>423</td><td>234</td><td><button onclick="deleteRow(this);">删除</button></td></tr>
<tr><td>523</td><td>234</td><td><button onclick="deleteRow(this);">删除</button></td></tr>
<tr><td>623</td><td>234</td><td><button onclick="deleteRow(this);">删除</button></td></tr>
<tr><td>723</td><td>234</td><td><button onclick="deleteRow(this);">删除</button></td></tr>
</table>
</body>
</html>
//因为tr不是table(id=ta)的子节点,所以不能用
alert(document.getElementById("ta").childNodes[1]);//undefined
<table width="500" style="border:1px solid #99ccff;">
<tbody id="ta">
<tr><td>123</td><td>234</td><td><button onclick="deleteRow(this);">删除</button></td></tr>
<tr><td>223</td><td>234</td><td><button onclick="deleteRow(this);">删除</button></td></tr>
<tr><td>323</td><td>234</td><td><button onclick="deleteRow(this);">删除</button></td></tr>
<tr><td>423</td><td>234</td><td><button onclick="deleteRow(this);">删除</button></td></tr>
<tr><td>523</td><td>234</td><td><button onclick="deleteRow(this);">删除</button></td></tr>
<tr><td>623</td><td>234</td><td><button onclick="deleteRow(this);">删除</button></td></tr>
<tr><td>723</td><td>234</td><td><button onclick="deleteRow(this);">删除</button></td></tr>
</tbody>
</table>
<html>
<head>
<title>表格测试</title>
<meta http-equiv="content-type" content="text/html; charset=GB2312"/>
<script type="text/javascript">
function deleteRow(m) {
var id="tr"+m;
document.getElementById(id).style.display="none";
}
</script>
</head>
<body>
<table width="500" style="border:1px solid #99ccff;" id="ta">
<tr id="tr1"><td>123</td><td>234</td><td><button onClick="deleteRow(1);" ID="Button1">删除</button></td></tr>
<tr id="tr2"><td>223</td><td>234</td><td><button onClick="deleteRow(2);" ID="Button2">删除</button></td></tr>
<tr id="tr3"><td>323</td><td>234</td><td><button onClick="deleteRow(3);" ID="Button3">删除</button></td></tr>
<tr id="tr4"><td>423</td><td>234</td><td><button onClick="deleteRow(4);" ID="Button4">删除</button></td></tr>
<tr id="tr5"><td>523</td><td>234</td><td><button onClick="deleteRow(5);" ID="Button5">删除</button></td></tr>
<tr id="tr6"><td>623</td><td>234</td><td><button onClick="deleteRow(6);" ID="Button6">删除</button></td></tr>
<tr id="tr7"><td>723</td><td>234</td><td><button onClick="deleteRow(7);" ID="Button7">删除</button></td></tr>
</table>
</body>
</html>
<html>
<head>
<title>表格测试</title>
<meta http-equiv="content-type" content="text/html; charset=GB2312"/>
<script type="text/javascript">
function deleteRow(m) {
// if(document.getElementById("ta").rows.length <= 0) ;
document.getElementById("ta").deleteRow(m);
}
</script>
</head>
<body>
<table width="500" style="border:1px solid #99ccff;" id="ta">
<tr><td>123</td><td>234</td><td><button onclick="deleteRow(this);" ID="Button1">删除</button></td></tr>
<tr><td>223</td><td>234</td><td><button onclick="deleteRow(this);" ID="Button2">删除</button></td></tr>
<tr><td>323</td><td>234</td><td><button onclick="deleteRow(this);" ID="Button3">删除</button></td></tr>
<tr><td>423</td><td>234</td><td><button onclick="deleteRow(this);" ID="Button4">删除</button></td></tr>
<tr><td>523</td><td>234</td><td><button onclick="deleteRow(this);" ID="Button5">删除</button></td></tr>
<tr><td>623</td><td>234</td><td><button onclick="deleteRow(this);" ID="Button6">删除</button></td></tr>
<tr><td>723</td><td>234</td><td><button onclick="deleteRow(this);" ID="Button7">删除</button></td></tr>
</table>
</body>
</html>