JavaScript deleteRow()

admin發表於2018-10-25
JavaScriptdelete

此方法可以刪除表格中指定的行。

語法結構：

[JavaScript] 純文字檢視 複製程式碼
tableObject.deleteRow(index)

引數解析:

（1）.tableObject：要刪除行的表格物件。

（2）.index：必需，規定要刪除行的索引位置，表格中第一行的索引值是0。

瀏覽器支援:

（1）.IE瀏覽器支援此方法。

（2）.edge瀏覽器支援此方法。

（3）.谷歌瀏覽器支援此方法。

（4）.opera瀏覽器支援此方法。

（5）.火狐瀏覽器支援此方法。

（6）.safria瀏覽器支援此方法。

程式碼例項:

[HTML] 純文字檢視 複製程式碼執行程式碼
<!DOCTYPE html> 
<html> 
<head> 
<meta charset=" utf-8"> 
<meta name="author" content="http://www.softwhy.com/" /> 
<title>螞蟻部落</title> 
<script type="text/javascript">   
window.onload=function() { 
  let otable=document.getElementById("thetable"); 
  let obt=document.getElementById("bt");
  obt.onclick=function(){
    otable.deleteRow(2);
  }
} 
</script> 
</head> 
<body> 
<table id="thetable" border="1"> 
  <tr> 
    <td>序號</td> 
    <td>教程</td> 
    <td>作者</td> 
  </tr> 
  <tr> 
    <td>1</td> 
    <td>javascript教程</td> 
    <td>antzone</td> 
  </tr> 
  <tr> 
    <td>2</td> 
    <td>div css教程</td> 
    <td>螞蟻部落</td> 
  </tr> 
</table> 
<input type="button" id="bt" value="點選刪除指定行"/>
</body> 
</html>

點選按鈕可以刪除索引為2的行，也就是表格的第三行。

相關文章