index指定了要刪除的行在表中的位置。行的編碼順序就是他們在文檔原始碼中出現的順序。<thead>和<tfoot>中的行與表中其它行一起編碼。
基本介紹
- 中文名：deleteRow
- 實例：var i_nowheight=280;
- 可選項：整數值Integer
- 用於：表格刪除指定位置的行
英語釋義,實例1,實例2,
英語釋義
語法：
object . deleteRow ( index )
deleteRow() 方法用於從表格刪除指定位置的行。
tableObject.deleteRow(index)說明
參數：
返回值：
無
說明：
從 object 中刪除指定的行(Row)。也即從 rows 集合中刪除指定的項目( tr )。
指定的行從 tFoot ， tBody ， tHead 中刪除，也同時從 table 的 rows 集合中刪除。此時 index 應該是表示 tr 的 sectionRowIndex 屬性。
指定的行從 table 中刪除，等於從 tBody 的 rows 集合中刪除。此時 index 應該是表示 tr 的 rowIndex 屬性。
實例1
<script>
var i_nowheight=280;
function rdl_doOver(e){
event.cancelBubble=true;
with (event.srcElement.parentElement) {
if (tagName.toLowerCase()=="tr") {
document.all("id_note").innerHTML="選定的行在<font color=#FF3300>"+parentElement.tagName.toUpperCase()+"</font>中。<br>"+"sectionRowIndex=<b>"+sectionRowIndex.toString()+"</b> rowIndex=<b>"+rowIndex.toString();+"</b>";
}
}
document.onmouseover=rdl_doOver;
function rdl_delRow(e){
event.cancelBubble=true;
with (event.srcElement.parentElement) {
if (tagName.toLowerCase()=="tr") myTable.deleteRow(rowIndex);
i_nowheight-=20;
window.resizeTo(360,i_nowheight);
}
}
</script>
<table cellspacing=1 id=myTable onclick="rdl_delRow();">
<thead><tr id=myTR><td>THEAD的第1個TD</td><td>THEAD的第1個TD</td><td>THEAD的第1個TD</td></tr></thead>
<tbody><tr id=myTR><td>TBODY的第1個TD</td><td>TBODY的第2個TD</td><td>TBODY的第3個TD</td></tr>
<tr id=myTR><td>TBODY的第4個TD</td><td>TBODY的第5個TD</td><td>TBODY的第6個TD</td></tr></tbody>
<tfoot><tr id=myTR><td>TFOOT的第1個TD</td><td>TFOOT的第1個TD</td><td>TFOOT的第1個TD</td></tr></tfoot>
</table>
<br><div id=id_note></div>
實例2
The following example deletes the first row of the table:<html>
<head>
<script type="text/javascript">
function delRow()
{
document.getElementById('myTable').deleteRow(0)
}
</script>
</head>
<body>
<table id="myTable" border="1">
<tr>
<td>Row1 cell1</td>
<td>Row1 cell2</td>
</tr>
<tr>
<td>Row2 cell1</td>
<td>Row2 cell2</td>
</tr>
</table>
<br />
<input type="button" onclick="delRow()"
value="Delete first row">
</body>
</html>
