删除表格指定行JS代码怎么写

2012/10/31 20:17:05作者：佚名来源：网络

移动端

【实例名称】

删除表格指定行

【实例描述】

论坛中允许管理员删除一些不需要的主题，这时可以使用本例提供的删除指定行功能。删除行后，下面的行自动上移。

【实例代码】

<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>标题页-学无忧（www.xue51.com）</title>
<script LANGUAGE="JavaScript">
function deleteRow (tableID, rowIndex) 
{  
  var table =document.all[tableID]  
//获得当前表格
  table.deleteRow(rowIndex);        
//通过行索引删除行
} 
</script>
</head>
<body>
<table id=mytable border=1><tr>
<td>第1行</td><td onclick="deleteRow
('mytable',this.parentElement.rowIndex)">删除当前行</td>
</tr><tr><td>第2行</td><td onclick="deleteRow
('mytable',this.parentElement.rowIndex)">删除当前行</td>
</tr><tr><td>第3行</td><td onclick="deleteRow
('mytable',this.parentElement.rowIndex)">删除当前行</td>
</tr><tr><td>第4行</td><td onclick="deleteRow
('mytable',this.parentElement.rowIndex)">删除当前行</td>
</tr></table>  
</body>
</html>

【运行效果】

页面初始运行效果

运行效果