^{<mark id="zab18"><em id="zab18"></em></mark>}

刪除表格指定行JS代碼怎么寫(xiě)

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

移動(dòng)端

【實(shí)例名稱(chēng)】

刪除表格指定行

【實(shí)例描述】

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

【實(shí)例代碼】

<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>標(biāo)題頁(yè)-學(xué)無(wú)憂（yzddtk.cn）</title>
<script LANGUAGE="JavaScript">
function deleteRow (tableID, rowIndex) 
{  
  var table =document.all[tableID]  
//獲得當(dāng)前表格
  table.deleteRow(rowIndex);        
//通過(guò)行索引刪除行
} 
</script>
</head>
<body>
<table id=mytable border=1><tr>
<td>第1行</td><td onclick="deleteRow
('mytable',this.parentElement.rowIndex)">刪除當(dāng)前行</td>
</tr><tr><td>第2行</td><td onclick="deleteRow
('mytable',this.parentElement.rowIndex)">刪除當(dāng)前行</td>
</tr><tr><td>第3行</td><td onclick="deleteRow
('mytable',this.parentElement.rowIndex)">刪除當(dāng)前行</td>
</tr><tr><td>第4行</td><td onclick="deleteRow
('mytable',this.parentElement.rowIndex)">刪除當(dāng)前行</td>
</tr></table>  
</body>
</html>

【運(yùn)行效果】

頁(yè)面初始運(yùn)行效果

運(yùn)行效果

刪除第二行后的效果

運(yùn)行效果

【難點(diǎn)剖析】

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

【源碼下載】

如果你不愿復(fù)制代碼及提高代碼準(zhǔn)確性，你可以點(diǎn)擊：刪除表格指定行進(jìn)行本實(shí)例源碼下載

標(biāo)簽：表格 JS代碼