HTML | DOM 标题对象

DOM Caption 对象用于表示 HTML 元素（标题元素用于指定表格的标题）。 Caption 元素由 getElementById() 访问。

特性：

它有一个align属性，用于设置或返回标题的对齐方式。

句法：

document.getElementById("id"); 

其中“id”是分配给Caption标签的 ID。

示例 1：

  

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

  

    
      GeeksForGeeks
    
    DOM Caption Object
    
    
        
        
            
            
            
        
        
            
            
            
        
        
            
            
            
        
        
            
            
            
        
    StudentsFirstnameLastnameAgePriyaSharma24ArunSingh32SamWatson41
    
    Submit
  
    
        function myGeeks() {
            var w = document.getElementById("GFG");
            w.style.color = "green";
            w.style.fontSize = "28px";
        }
    
  

  

输出：

点击按钮前：

点击按钮后：

示例 2：可以使用 document.createElement方法创建 Caption 对象。

  

    
        table,
        th,
        td {
            border: 2px soliD green;
        }
    

  

    
      GeeksForGeeks
    
    DOM Caption Object
    
    
        
            
            
            
        
        
            
            
            
        
        
            
            
            
        
        
            
            
            
        
    FirstnameLastnameAgePriyaSharma24ArunSingh32SamWatson41
    
    
    
      Submit
    
  
    
        function myGeeks() {
            var cap = document.createElement("CAPTION");
            var txt = document.createTextNode("Students");
            cap.appendChild(txt);
            cap.style.color = "red";
            cap.style.fontSize = "29px";
  
            var tab = document.getElementById("GFG")
            tab.insertBefore(cap, tab.childNodes[0]);
        }
    
  

  

输出：
点击按钮前：

点击按钮后：

支持的浏览器： DOM Caption Object支持的浏览器如下：

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