HTML DOM TableHeader colSpan 属性

HTML DOM TableHeader colSpan 财产 用于设置或返回colspan 属性的值。 colspan属性定义了标题单元格应该跨越的列数。

句法：

• 它返回colSpan属性。

tableheaderObject.colSpan

• 它用于设置colSpan属性。

tableheaderObject.colSpan = number

属性值：它包含一个值，即数字，表示标题单元格应跨越的列数。

返回值：它返回一个表示列数的数值。

示例 1：此示例返回colSpan属性。

HTML

  

    
    
        table{
            border:3px solid black;
        }        
        td{
          border: 1px solid green;
          }        
    

  

    GeeksforGeeks
    DOM TableHeader colSpan property
    
    
             
                 
             
                
             
                 
                 
                          
             
                 
                 
            
             
                 
                 
            
  
    
                    User Expense
                Arun$10Priya$8Tom$18
    
    
        Click to get number of columns
    
    
    
  
    
    
        function myGeeks() {
            var tab = document.getElementById(
            "tableHeaderID").colSpan;
            document.getElementById(
            "paraID").innerHTML = tab;
        }
    

  

输出：

colSpan 属性

示例 2：下面的代码用于设置colSpan属性。

HTML

  

    
    
        table
        {
         border: 2px solid black;
        }         
                  
        td {
            border: 1px solid green;
        }
    

  

  
    GeeksforGeeks
  
    DOM TableHeader colSpan Property
    
  
    
             
                 
             
                
             
                 
                 
                          
             
                 
                 
            
             
                 
                 
            
  
    
                    User Expense
                Arun$10Priya$8Tom$18
    
    
        Click to get value of colspan
    
    
    
  
    
    
        function myGeeks() {
            var tab = document.getElementById(
            "tableHeaderID").colSpan="4";
            document.getElementById(
            "paraID").innerHTML = 
            "The value of the colspan attribute was changed to:  " 
              + tab;
        }
    

  

输出：

colSpan 属性

支持的浏览器：

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