删除table 中 tr

javatomcat1 2004-11-15 04:01:19

现在有下面的table,我想在test按钮中实现删除default的tr,高手请回答
<table width="75%" border="1">
<tbody id="default">
<tr>
<td> </td>
</tr>
</tbody>
<tr>
<td> </td>
</tr>
</table>
<input type="button" value="删除" onClick="test()" name="deletebutton2">

...全文

486 13 打赏收藏转发到动态举报

写回复

用AI写文章

13 条回复

切换为时间正序

请发表友善的回复…

发表回复

boneeater 2005-01-14

打赏
举报

你的id应该是放table上才对啊...
<html>
<head>
</head>
<body>
<SCRIPT LANGUAGE="JavaScript">
function test()
{
var obj = document.getElementById("default");
for (var i=obj.rows.length;i>0;i--){
obj.deleteRow(i-1);
}
}
</SCRIPT>
<table width="75%" border="1" id="default">
<tbody>
<tr>
<td> </td>
</tr>
</tbody>
<tr>
<td> </td>
</tr>
</table>
<input type="button" value="删除" onClick="test()" name="deletebutton2">
</body>
</html>
搞定,^_^....

wen1818 2005-01-14

打赏
举报

梅雪香 2005-01-14

打赏
举报

<html>
<head>
<title>无标题文档</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<script language="javascript">
var curRow=null;
function selectRow(){
var e=window.event;
var tr1=e.srcElement;
if(curRow)
curRow.bgColor="#FFFFFF";
tr1.bgColor="e7e7e7";
curRow=tr1;
}
function addRow(src){
//alert(src);
var newrow = src.insertRow(src.rows.length-1);
newrow.attachEvent("onclick",selectRow);
newrow.height=20;
var i=4;
while(i--){
var newcell = newrow.insertCell();
switch(i){
case 0: newcell.innerHTML= '<input type="button" onClick="javascript:delRow(this.parentElement.parentElement)" value="删除此行">';break;
default: newcell.innerHTML=div1.innerHTML;break;
}
}
alert(newrow.outerHTML);
}
function delRow(src){
//alert("就是这行----"+ src.rowIndex);
src.parentElement.deleteRow(src.rowIndex);
}
</script>
</head>

<body>
<table id="tb" width="100%" border="1" align="center" cellpadding="1" cellspacing="1" style="border-collapse:collapse" bordercolor="#111111">
<tr>
<th scope="col" width="25%">一</th>
<th scope="col" width="25%">二</th>
<th scope="col" width="25%">三</th>
<th scope="col" width="25%">四</th>
</tr>
<tr id="blankRow" onClick="addRow(this.parentElement)">
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
<div id="div1" style="display:none "><input id="txt" type="text" style="width:97%; background-color:#FFFFEF"></div>
</body>
</html>

flyskywlh 2005-01-14

打赏
举报

上面一段绝对可以

flyskywlh 2005-01-14

打赏
举报

while(document.getElementById("default").rows.length>0)
{
document.getElementById("default").deleteRow(0);
}

tianch 2004-11-16

打赏
举报

flatfish1978(flatfish):
标签定义了ID，就成为一个对象，可以直接用ID名来访问标签的，不需要用getElementById

cuixiping 2004-11-15

打赏
举报

四种实现方法：

table.deleteRow
tbody.deleteRow
tbody.removeChild
tr.removeNode

togy 2004-11-15

打赏
举报

function test(){
for (var i=default1.rows.length-1;i>=0;i--)
default1.deleteRow(i);

}

flatfish1978 2004-11-15

打赏
举报

tianch(晴空) :
var theObject=default;
==>
var theObject=document.getElementById('default');

micker 2004-11-15

打赏
举报

http://community.csdn.net/Expert/FAQ/FAQ_Index.asp?id=201035

meizz 2004-11-15

打赏
举报

tianch(晴空) :
theObject.deleteRow(i);
==>
theObject.deleteRow(i-1);

tianch 2004-11-15

打赏
举报

function test(){
var theObject=default;
for (var i=theObject.rows.length;i>0;i--){
theObject.deleteRow(i);
}
}

meizz 2004-11-15

打赏
举报

<table width="75%" border="1">
<tbody id="default1">
<tr>
<td> </td>
</tr>
</tbody>
<tr>
<td> </td>
</tr>
</table>
<input type="button" value="删除" onClick="test()" name="deletebutton2">
<SCRIPT LANGUAGE="JavaScript">

</SCRIPT>

适用人群开发从业人员，产品原型人员，IT相关从业人员，想快速掌握技能的一切人员课程概述特点基于Bootstrap 开发响应式界面，固定表头，完全可配置，支持data属性，显示/隐藏列，显示/隐藏表头，使用AJAX...

table> <tr><td><a href="javascript:;" onclick="delRow(this)">删除</a></td></tr> <tr><td><a href="javascript:;" onclick="delRow(this)"...

var tr = $(obj).parents('tr'); tr.remove(); }else{ alert("删除失败!"); } } }); }else{ return; } } } 后台的删除就是基本是的...