HTML DOM TableRow deleteCell()用法及代碼示例

HTML DOM 中的 TableRow deleteCell() 方法用於從表格的當前行中刪除單元格。它是 TableRow 對象的預定義方法。

用法:

tablerowObject.deleteCell(index)

屬性值：

index:它包含一個從 0 開始的數值，它定義了要從當前行中刪除的單元格的位置。例如 - 值 0th 表示要刪除的第一個定位單元格。第 -1 個值表示刪除最後一個定位的單元格。

注意：

該參數在 Firefox 和 Opera 瀏覽器中被定義為必填項。另一方麵，它在 safari、chrome 和 IE 瀏覽器中是可選的。
如果此參數不包含任何值，則 deleteCell() 刪除 IE 中的最後一個單元格以及 Chrome 和 Safari 中的第一個單元格。

例：在這個例子中，我們將從當前行中刪除第一個和單元格。

HTML


<!DOCTYPE html>
<html>
  
<head>
    <title>
        HTML DOM TableRow deleteCell() Method
    </title>
  
    <style>
        table,
        td {
            border:1px solid green;
        }
  
        h1 {
            color:green;
        }
  
        h2 {
            font-family:Impact;
        }
  
        body {
            text-align:center;
        }
    </style>
</head>
  
<body>
    <h1>GeeksforGeeks</h1>
  
    <h2>
        HTML DOM TableRow deleteCell() Method
    </h2>
  
    <table align="center">
        <tr id="gfg">
            <td>GEEKS</td>
            <td>FOR</td>
            <td>GEEKS</td>
        </tr>
    </table>
    <br>
    <button onclick="firstCell()">
        Delete the First Cell
    </button>
    <button onclick="lastCell()">
        Delete the Last Cell
    </button>
    <script>
        function firstCell() {
            var Cell =
                document.getElementById("gfg");
            Cell.deleteCell(0);
        }
        function lastCell() {
            var MyCell = document.getElementById("gfg");
            MyCell.deleteCell(-1);
        }
    </script>
</body>
  
</html>

輸出：

相關用法

注：本文由純淨天空篩選整理自ManasChhabra2大神的英文原創作品 HTML DOM TableRow deleteCell() Method。非經特殊聲明，原始代碼版權歸原作者所有，本譯文未經允許或授權，請勿轉載或複製。