HTML | DOM 表行集合

Table rows 集合用于返回表中所有 元素的集合。 元素的顺序与它们在源代码中的位置相同。

句法

tableObject.rows

特性

• length ：用于返回集合中 元素的数量。

方法

• [index] ：用于从具有指定索引的集合中返回 元素。
• item(index) ：它还用于从具有指定索引的集合中返回 元素。
• namedItem(id) ：它还用于从具有指定 id 的集合中返回 元素。

下面的程序说明了表行集合：
示例：找出表中的行数。

  

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

  

  
    GeeksforGeeks
    Table rows Collection
  
    To return the number of rows in the table,
      double-click the "Return Count" button.
  
    
        
        
            
            
        
        
            
            
        
        
            
            
        
    Courses by GeeksforgeeksJavaFork JavaPythonFork PythonPlacementsSudo Placement
    
  
    Return Count
  
    
  
    
        function tr() {
            
            // number of rows.
            var c = document.getElementById(
              "Courses").rows.length;
            document.getElementById("test").innerHTML = 
              c + " Rows are present in the table.";
        }
    
  

  

输出：

点击按钮前：

点击按钮后：

支持的浏览器：

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