HTML | DOM TableData rowSpan 属性

HTML DOM 中的DOM TableData rowSpan 属性用于设置或返回rowspan 属性的值。 HTML 中的 rowspan 属性指定单元格应该跨越的行数。

句法：

• 它返回 rowSpan 属性。

tabledataObject.rowSpan

• 它用于设置 rowSpan 属性。

tabledataObject.rowSpan = number

属性值：它包含指定单元格应跨越的行数的值，即数字。
返回值：它返回一个数值，表示单元格应该跨越的行数。

示例 1：此示例返回一个 rowspan 属性。

html

 

    
        table,
        th,
        td {
            border: 1px solid green;
        }
    

 

 
    
            GeeksForGeeks
        
 
    
          DOM TableData rowSpan Property
      
 
    
        
            
            
            
        
    
                Geeks
            ForGeeks
    
    
        Click Here!
    
 
    
    
 
 
    
        function myFunction() {
            // Accessing Table data
            var x =
                document.getElementById(
                    "myTd").rowSpan;
           
            document.getElementById(
              "demo").innerHTML = x;
        }
    

 

输出：
点击按钮前：

点击按钮后：

示例 2：此示例设置 rowspan 属性。

html

 

    
        table,
        th,
        td {
            border: 1px solid green;
        }
    

 

 
    
 
        
            GeeksForGeeks
        
 
        
          DOM TableData rowSpan Property
      
 
        
            
                
                
                
            
        
                  Geeks
              ForGeeks
        
        
            Click Here!
        
 
        
      
 
 
        
            function myFunction() {
                // Accessing Table data
                var x =
                    document.getElementById(
                    "myTd").rowSpan = "2";
               
                document.getElementById("demo").innerHTML =
                  "The value of the rowspan "+
                   "attribute was changed to "
                + x;
            }
        
    
 

输出：
点击按钮前：

单击按钮后：

支持的浏览器：

• 谷歌浏览器
• 火狐浏览器
• 边缘
• 苹果浏览器
• 歌剧