HTML DOM TableRow 单元格集合

HTML DOM TableRow 单元格集合用于返回表格中特定行的所有单元格总数。它包括所有 和 元素。 元素的顺序与它们在源代码中的位置相同。

句法：

tableObject.cells

特性：

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

方法：

• [index]：用于返回集合中指定索引的和元素。如果索引号超出范围，则返回 null。
• item(index)：它也用于返回集合中具有指定索引的 和 元素。如果索引号超出范围，则返回 null。
• namedItem(id) ：它还用于从集合中返回具有指定 id 的 和 元素。如果 id 不存在，则返回值为 null。

返回值：- 它用于返回表中特定行的所有 和 元素。

下面的示例说明了 TableRow 单元格集合的实现。

例子：

HTML

  
    TableRow cells Collection in HTML
    
      table,
      td {
        border: 1px solid green;
      }
      h1 {
        color: green;
      }
      h2 {
        font-family: sans-serif;
      }
      body {
        text-align: center;
      }
    
  
 
  
    GeeksforGeeks
    HTML DOM TableRow cells Collection
     
 

      To return the number of cells in the table,
      double-click on the "Return cells" button.
    
 
 
 
    
      
      
        
        
        
        
      
      
        
        
        
        
      
      
        
        
        
        
      
    
        GeeksforGeeks Courses
      Front-end DevelopmentHTMLCSSJSBack-end DevelopmentPHPJavaPythonPlacements CoursesDSA AlgorithmsInterview questions on Advanced DSAAptitude & Logical Reasoning
    
 
    Return Cells
 
    
 
 
 
 
    
      function rowCount() {
         
        // Number of rows.
        var row = document.getElementById("Courses")
            .rows[2].cells.length;
        document.getElementById("test").innerHTML =
          " Number of cells in the 3rd row: " + row;
      }
    
  

输出：

支持的浏览器：

• 谷歌浏览器 1.0 及以上
• Internet Explorer 5.5 及以上
• Microsoft Edge 12.0 及更高版本
• 火狐1.0及以上
• Safari 3.0 及更高版本
• Opera 12.1 及更高版本