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

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

2012/10/31 20:17:05作者：佚名來源：網絡

移動端

【實例名稱】

刪除表格指定行

【實例描述】

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

【實例代碼】

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

【運行效果】

頁面初始運行效果

運行效果

刪除第二行后的效果

運行效果

【難點剖析】

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

【源碼下載】

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

標簽：表格

上一篇：動態創建表格并實現分頁JS代碼怎么寫
下一篇：如何設置表格的交替行顏色

相關文章

熱門軟件/ 推薦游戲/ 手機軟件

資訊分類

Dreamweaver Flash DIV+CSS 編程其他

推薦教程

精品軟件推薦

360安全衛士

訊飛輸入法

欧美一级一极性活片免费观看,欧美一级艳片欧美精品,欧美一级性爱大片,欧美一级囗交视频视频,欧美一级特黄录像视频