當前位置：軟件學堂 > 資訊首頁 > 網(wǎng)絡編程 > 編程其他 > 刪除表格指定行JS代碼怎么寫

刪除表格指定行JS代碼怎么寫

2012/10/31 20:17:05作者：佚名來源：網(wǎng)絡

移動端

【實例名稱】

刪除表格指定行

【實例描述】

論壇中允許管理員刪除一些不需要的主題，這時可以使用本例提供的刪除指定行功能。刪除行后，下面的行自動上移。

【實例代碼】

<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>標題頁-學無憂（wangbatian.cn）</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>
 

【運行效果】

                                                 頁面初始運行效果

運行效果

                                                  刪除第二行后的效果

運行效果

【難點剖析】

本例的難點是獲取表格中某行的行號，以及刪除表格行的方法。如果不將行號傳給方法，在運行中是很難獲取行號的，所以本例將行號作為參數(shù)傳遞給“deleteRow”方法。刪除表格使用了表格對象自帶的“deleteRow”方法，此方法的參數(shù)是要刪除的行的行號。

【源碼下載】

如果你不愿復制代碼及提高代碼準確性，你可以點擊：刪除表格指定行 進行本實例源碼下載