表格删除问题，各位大虾帮忙，谢谢
存成html文件，就知道我想要说的了，谢谢了，现在删除有点问题，点某一个就全删了。
<html>
<head>
<title> tree </title>
<meta name= "designer " content= "csdn design team - meizz " />
<script>
function delRow()
{
var rowIndex = event.srcElement.parentNode.parentNode.rowIndex;
event.srcElement.parentNode.parentNode.removeNode(true);
for (var i = rowIndex; i < mytable.rows.length; i++)
{
mytable.rows(i).cells(0).innerHTML = i;
}
}
</script>
</head>
<body>
要显示的内容:
<form name= "frm1 " method= "post " action= "/addcontent.jsp ">
<table id= "mytable " border= "1 " width= "100% ">
<tr>
<td width= "100% " valign= "top " >
<table border= "1 " width= "100% " class= "dragTable ">
<tr >
<td width= "15% " align= "right " bgcolor= "#cccccc "> 标题： </td>
<td width= "77% " bgcolor= "#cccccc ">
<input type= "text " name= "title_3 " style= "width:100 " value= "小儿子 ">
</td>
<td rowspan= "2 " width= "8% " >
<input id= "Button_3 " type= "button " value= "删除ID为3的行 " onclick= "delRow() "/>
</td>
</tr>
<tr >
<td width= "15% " align= "right " bgcolor= "#cccccc "> 内容： </td>
<td width= "77% " > 动态给表格增加/删除一行
</td>
</tr>
</table>
<table border= "1 " width= "100% ">
<tr >
<td width= "15% " align= "right " bgcolor= "#cccccc "> 标题： </td>
<td width= "77% " bgcolor= "#cccccc ">
<input type= "text " name= "title_7 " style= "width:100 " value= "二儿子 ">
</td>
<td rowspan= "2 " width= "8% " >
<input id= "Button_7 " type= "button " value= "删除ID为7的行 " onclick= "delRow() " />
</td>
</tr>
<tr >
<td width= "15% " align= "right " bgcolor= "#cccccc "> 内容： </td>
<td width= "77% " > 动态给表格增加/删除一行
</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>
[解决办法]
用deleteRow这个方法吧，但是，你是在表格里嵌表格，deleteRow(i)删除表格里的第i行
[解决办法]
<html>
<head>
<title> tree </title>
<meta name= "designer " content= "csdn design team - meizz " />
<script>
function delRow(){
var subtables=mytable.rows[0].cells[0].childNodes;
// td tr tbody table
event.srcElement.parentNode.parentNode.parentNode.parentNode.removeNode()
//不知道你这个循环是什么意思，大概是填充编号吧，不知道我理解的对不对
for (var i =0; i <subtables.length;i++){
if(subtables[i].rows[0].cells[1])
subtables[i].rows[0].cells[1].childNodes[0].value=i;
}
}
</script>
</head>
<body>
要显示的内容:
<form name= "form1 " method= "post " action= "/addcontent.jsp ">
<table id= "mytable " border= "1 " width= "100% ">
<tr>
<td width= "100% " valign= "top " >
<table border= "1 " width= "100% " class= "dragTable ">
<tr >
<td width= "15% " align= "right " bgcolor= "#cccccc "> 标题： </td>
<td width= "77% " bgcolor= "#cccccc ">
<input type= "text " name= "title_3 " style= "width:100 " value= "小儿子 ">
</td>
<td rowspan= "2 " width= "8% " >
<input id= "Button_3 " type= "button " value= "删除ID为3的行 " onclick= "delRow() "/>
</td>
</tr>
<tr >
<td width= "15% " align= "right " bgcolor= "#cccccc "> 内容： </td>
<td width= "77% " > 动态给表格增加/删除一行
</td>
</tr>
</table>
<table border= "1 " width= "100% ">
<tr >
<td width= "15% " align= "right " bgcolor= "#cccccc "> 标题： </td>
<td width= "77% " bgcolor= "#cccccc ">
<input type= "text " name= "title_7 " style= "width:100 " value= "二儿子 ">
</td>
<td rowspan= "2 " width= "8% " >
<input id= "Button_7 " type= "button " value= "删除ID为7的行 " onclick= "delRow() " />
</td>
</tr>
<tr >
<td width= "15% " align= "right " bgcolor= "#cccccc "> 内容： </td>
<td width= "77% " > 动态给表格增加/删除一行
</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>
[解决办法]
//tableID表格的ID
//表中要删除的行号
function delRow(tableID, rowsIndex)
{
var objTable = document.getElementById(tableID);
if(rowsIndex < objTable.rows.length){
objTable.deleteRow(rowsIndex);
}else{
alert( 'Row is not exist! ');
}
}
