HTML DOM TableRow deleteCell() 方法

HTML DOM 中的TableRow deleteCell() 方法用于从 Table 的当前行中删除一个单元格。它是 TableRow 对象的预定义方法。

句法：

tablerowObject.deleteCell(index)

属性值：

• index：它包含一个从 0 开始的数值，它定义了要从当前行中删除的单元格的位置。例如 - 值 0th 表示要删除的第一个定位单元格。值 -1th 表示删除最后定位的单元格。

笔记：

• 该参数将在 Firefox 和 Opera 浏览器中强制定义。另一方面，它在 safari、chrome 和 IE 浏览器中是可选的。
• 如果此参数不包含任何值，则 deleteCell() 删除 IE 中的最后一个单元格和 Chrome 和 Safari 中的第一个单元格。

示例：在此示例中，我们将从当前行中删除第一个和单元格。

HTML

  

    
        HTML DOM TableRow deleteCell() Method
    
  
    
        table,
        td {
            border: 1px solid green;
        }
  
        h1 {
            color: green;
        }
  
        h2 {
            font-family: Impact;
        }
  
        body {
            text-align: center;
        }
    

  

    GeeksforGeeks
  
    
        HTML DOM TableRow deleteCell() Method
    
  
    
        
            
            
            
        
    GEEKSFORGEEKS
    
    
        Delete the First Cell
    
    
        Delete the Last Cell
    
    
        function firstCell() {
            var Cell =
                document.getElementById("gfg");
            Cell.deleteCell(0);
        }
        function lastCell() {
            var MyCell = document.getElementById("gfg");
            MyCell.deleteCell(-1);
        }
    

  

输出：