DOM TableRow insertCell() 方法

简介： HTML DOM 中的TableRow insertCell() 方法用于将单个单元格添加到当前行的任何特定位置。它是 TableRow 对象的预定义方法。

句法：

tablerowObject.insertCell(index)

参数值：

• index：它包含一个从0开始的数字，表示当前行中要插入的单元格的位置。也可以使用-1的值；什么

笔记：

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

示例 1：在此示例中，我们将使用 DOM TableRow insertCell() 方法将单元格插入到第一个位置。

HTML

  

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

  

    GeeksforGeeks
    
        HTML DOM TableRow insertCell() Method
    
  
    
        
            
            
        
    GEEKSFOR
    
  
    
        Add cell at last Position
    
  
    
        function row() {
            var MyCell =
                document.getElementById("gfg");
            var AddCell = MyCell.insertCell(-1);
            AddCell.innerHTML = "GEEKS";
        }
    

  

输出：

示例 2：在此示例中，我们将使用 DOM TableRow insertCell() 方法将单元格插入到最后一个位置。

HTML

  

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

  

    GeeksforGeeks
    
        HTML DOM TableRow insertCell() Method
    
  
    
        
            
            
        
    GEEKSFOR
    
  
    
        Add cell at last Position
    
  
    
        function row() {
            var MyCell =
                document.getElementById("gfg");
            var AddCell = MyCell.insertCell(-1);
            AddCell.innerHTML = "GEEKS";
        }
    

  

输出：