HTML | DOM 列跨度属性

DOM Column span 属性用于设置或返回元素的 span 属性值。 HTML 中的 colspan 属性指定单元格应该跨越的列数。

句法：

• 它用于返回 span 属性。

  columnObject.span

• 它用于设置 formMethod 属性。

  columnObject.span = number

  属性值：

  • number：它指定单元格应跨越的列数。它不允许负值。

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

  示例 1：此示例说明如何返回列跨度属性。

    
  
      
          HTML | DOM Column span Property
      
  
  
      #myCol {
          background: green;
      }
        
      table {
          color: white;
          margin-left: 150px;
      }
        
      #Geek_p {
          color: green;
          font-size: 30px;
      }
        
      td {
          padding: 10px;
      }
  
    
  
    
       
              GeeksForGeeks 
          
    
      HTML | DOM Column span Property
      
                                        
          
              
              
              
          
          
              
              
              
          
          
              
              
              
          
      
  
  
  S.NoTitleGeek_idGeek_1GeekForGeeksGeek_id_1Geek_2GeeksForGeeksGeek_id_2
      
      
          Click
      
       
              
         
          
      
          function myGeeks() {
              // access col element 
              var x = document.getElementById(
                  "myCol").span;
              document.getElementById(
                  "Geek_p").innerHTML = x;
          }
      
  
    

  输出：

  点击按钮前：
  

  点击按钮后：
  

  示例 2：此 HTML 示例说明了如何设置列跨度属性。

    
  
      
          HTML | DOM Column span Property
      
  
  
      #gfg {
          background: green;
      }
        
      table {
          color: white;
          margin-left: 150px;
      }
        
      #Geek_p {
          color: green;
          font-size: 30px;
      }
        
      td {
          padding: 10px;
      }
  
    
  
    
       
              GeeksForGeeks 
          
    
      HTML | DOM Column span Property
      
                                        
          
              
              
              
          
          
              
              
              
          
          
              
              
              
          
      
  
  
  S.NoTitleGeek_idGeek_1GeekForGeeksGeek_id_1Geek_2GeeksForGeeksGeek_id_2
      
      
          Click
      
       
              
         
          
      
          function myGeeks() {
              // access col element 
              document.getElementById(
                  "gfg").span = 2;
              document.getElementById("gfg").
              style.backgroundColor = "red";
    
          }
      
  
    

  输出：
  点击按钮前：
  

  点击按钮后：
  

  支持的浏览器： DOM Column span 属性支持的浏览器如下：

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