1. 程式人生 > 實用技巧 >HTML DOM Table deleteRow() 方法

HTML DOM Table deleteRow() 方法

[

Table deleteRow() 方法
Table 物件

定義和用法

deleteRow() 方法用於從表格刪除指定位置的行

語法

tableObject.deleteRow(index)

描述
index 指定刪除指定行的數字索引 (以 0 開始).

瀏覽器支援

所有主要瀏覽器都支援 deleteRow() 方法

例項

例項

刪除表格的第一行:


<!DOCTYPE html>

<html>

<head> 

<meta charset="utf-8"> 

<title>Break易站(runoob.com)</title> 

<script>

function displayResult(){

    document.getElementById("myTable").deleteRow(0);

}

</script>

</head>

<body>


<table id="myTable" border="1">

    <tr>

        <td>cell 1</td>

        <td>cell 2</td>

    </tr>

      <tr>

        <td>cell 3</td>

        <td>cell 4</td>

      </tr>

</table>

<br>

<button type="button" onclick="displayResult()">刪除表格第一行</button>


</body>

</html>

更多例項

點選後刪除表格行

該例項在點選後使用 deleteRow() 方法刪除行

Table 物件

]
  •   本文標題:HTML DOM Table deleteRow() 方法 - Break易站轉載請保留頁面地址:https://www.breakyizhan.com/html/22510.html