如何使用 JavaScript 将 id 动态插入表元素？

这篇文章解释了如何将“id”动态插入到表格元素中。这可以通过简单地遍历表并动态添加“id”来完成。

句法：

• setAttribute()方法将指定的属性添加到元素并给出指定的值。

  table.setAttribute("id", "Dynamically Generated ID")

• 也可以通过访问所选元素(表)的“id”来完成。

  table.id = "Dynamically Generated ID";

例子：

HTML

 

    
        table,
        th,
        td {
            border: 1px solid black;
            border-collapse: collapse;
            margin: auto;
            width: 50%;
            text-align: center;
        }
    

 

    
        GeeksForGeeks
    
     
    
        
            
            
        
        
            
            
        
        
            
            
        
    FirstnameLastnameJillSmithEveJackson
    
 
    
        
            
            
        
        
            
            
        
        
            
            
        
    FirstnameLastnameJohnDoeEmmaAllen
 
    
        // Getting the table element
        var tables = document
            .getElementsByTagName("table");
 
        // Looping over tables
        for (var i = 0; i < tables.length; i++) {
 
            // Get the ith table
            var table = tables[i];
 
            // Set the id dynamically
            table.setAttribute("id", i + 1);
 
            // The line below will also give id
            // dynamically to the tables
            //table.id = i+1;
        }
    

 

输出：这两个表将分别使用“id” 1 和 2 创建。