HTML | DOM 摘要对象

DOM 摘要对象用于表示 HTML

元素。摘要元素由getElementById() 访问。

句法：

document.getElementById("ID"); 

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

示例 1：

  

    DOM Summary Object
    
        h2 {
            color: green;
            font-size: 35px;
        }
          
        summary {
            font-size: 40px;
            color: #090;
            font-weight: bold;
        }
    

  

    
        DOM Summary Object 
  
        
          
          GeeksforGeeks
          A computer science portal for geeks
          It is a computer science portal 
            where you can learn programming.
        
  
        
        Submit
        
        
            function myGeeks() {
                // Accessing summary tag 
                var x = document.getElementById("GFG").innerHTML;
                // display text content present in summary tag
                document.getElementById("sudo").innerHTML = x;
            }
        
    

             

输出：
点击按钮前：

点击按钮后：

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

 
 
  
 
    DOM Summary Object 
     
       h1  {
         color:green;
         font-size:35px;
         }
        h2 { 
            color: green; 
            font-size: 35px; 
        } 
          
        summary { 
            font-size: 40px; 
            color: #090; 
            font-weight: bold; 
        } 
     
 
  
 
     
       GeeksForGeeks
        DOM Summary Object 
         
        Submit 
         
            function myGeeks() { 
              
        //  Creating details object.    
        var g = document.createElement("DETAILS");
        document.body.appendChild(g);
  
  //  Creating summary object.
  var summary = document.createElement("SUMMARY");
  var text1 = document.createTextNode("GeeksForGeeks");
  summary.appendChild(text1);
  
   var para = document.createElement("P");
   var text2 = document.createTextNode(
   "A computer science portal for geeks");
  para.appendChild(text2);
  
  g.appendChild(summary);
  g.appendChild(para);         
            } 
         
     
 
  
             

输出：

点击按钮前：

点击按钮后：

支持的浏览器： DOM摘要对象支持的浏览器如下：

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