HTML | DOM TableData colSpan 属性

HTML DOM 中的Dom TableData colSpan 属性用于设置或返回colspan 属性的值。 colspan 属性用于指定表应该跨越的列数。

句法：

• 它返回 colSpan 属性。

tabledataObject.colSpan

• 它用于设置 colSpan 属性。

tabledataObject.colSpan = number

属性值：它包含指定单元格应跨越的列数的数值。

返回值：它返回一个数值，表示单元格应跨越的列数。

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

html

 

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

 

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

输出：
点击按钮前：

点击按钮后：

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

html

 

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

 

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

输出：
点击按钮前：

点击按钮后：

支持的浏览器：

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