function del() {
var tab=document.getElemntsByTagName("table")[0]//最好给table指定个id
for(var i=0i<tab.rows.lengthi++) {
for(var j=0j<tab.rows[i].cells.lengthj++) [
var obj=tab.rows[i][j].getElementsByTagName("input")[0]
if(obj!=null && obj.type="checkbox" && obj.checked=true) {//你没说需求我就直接将第一行中有checkbox且为true的删除
var tr=obj.parentNode.parentNode
tr.parentNode.removeChild(tr)
}
}
}
}
给你找个实例 从中领悟精髓吧
<table border="1"><tr>
<td>姓名</td>
<td>地址</td>
</tr>
<tbody id="mainbody">
<tr id="delCell">
<td>name</td>
<td>address</td>
</tr>
</tbody>
</table>
取得tbody的元素var mailbody = document.getElementById("mainbody"),
接着取得要删除行的元素var cell = document.getElementById("delCell")
最后就是从tbody中移去要删除的行就可以了mainbody.removeChild(cell)
完整的代码如下：
<html>
<head>
<title>动态删除表格的行</title>
<script type="text/javascript">
function deleteCell(){
var mailbody = document.getElementById("mainbody")
var cell = document.getElementById("delCell")
if(cell!=undefined){
mainbody.removeChild(cell)
}
}
</script>
</head>
<body>
<table border="1">
<tr>
<td>姓名</td>
<td>地址</td>
</tr>
<tbody id="mainbody">
<tr id="delCell">
<td>name</td>
<td>address</td>
</tr>
</tbody>
</table>
<input type="button" value="删除" onclick="deleteCell()"/>
</body>
<html>
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）