HTML | DOM 表 insertRow() 方法

Table insertRow() 方法用于创建一个空的一个可以添加到表格中的元素。
它通常用于在表中的指定索引处插入新行。
一个 元素至少包含一个 或 元素。

句法

tableObject.insertRow(index)

使用的参数

• index ：用于指定要插入的行的位置。值 0 导致在第一个位置插入新行，而 -1 可用于在最后一个位置插入新行。

下面的程序说明了 Table insertRow() 方法：
示例 1：在表的第一个位置插入新行。

  

    Table insertRow() method in HTML
    
        table,
        td {
            border: 1px solid green;
        }
          
        h1 {
            color: green;
        }
          
        h2 {
            font-family: Impact;
        }
          
        body {
            text-align: center;
        }
    

  

  
    GeeksforGeeks
    Table insertRow() method
  
    To add a new row at the first
      position of the table, double-click
      the "Add Row" button.
  
    
        
            
            
        
        
            
            
        
    JavaFork JavaPythonFork Python
    
  
    
      Add Row
  
  
    
        function row() {
            
                
            var MyTable = 
                document.getElementById("Courses");
            
            // insert new row.
            var NewRow = MyTable.insertRow(0);
            var Newcell1 = NewRow.insertCell(0);
            var Newcell2 = NewRow.insertCell(1);
            Newcell1.innerHTML = "Placement";
            Newcell2.innerHTML = "Sudo Placement";
        }
    
  

  

输出：

点击按钮后

支持的浏览器：

• 苹果Safari
• IE浏览器
• 火狐
• 谷歌浏览器
• 歌剧