HTML | DOM 详细信息 open 属性

HTML DOM 中的Details open 属性用于设置或返回隐藏信息是否对用户可见。此属性用于反映 HTML open 属性。

句法：

• 它返回详细信息打开属性。

  detailsObject.open

• 它用于设置详细信息打开属性。

  detailsObject.open = true|false

属性值：它接受下面列出的两个属性值：

• true：指定隐藏信息应该是可见的。
• false：指定隐藏信息不可见。

返回值：它返回一个布尔值，表示隐藏信息是否可见。

示例 1：此示例返回 Details open 属性。

 
 
  
 
    
        DOM details open Property
    
      
     
        h2 { 
            color: green; 
            font-size: 35px; 
        } 
        summary { 
            font-size: 40px; 
            color: #090; 
            font-weight: bold; 
        } 
     
 
  
 
     
        DOM Details open Property  
  
        
         
            GeeksforGeeks 
            A computer science portal for geeks 
            
                It is a computer science portal 
                where you can learn programming.
             
         
  
         
        Submit 
          
         
            function myGeeks() { 
                  
                // Accessing details tag. 
                var x = document.getElementById("GFG"); 
                  
                // Display hidden information 
                // using open property. 
                x.open = true; 
            } 
         
     
 
  
                    

输出：
点击按钮前：

点击按钮后：

示例 2：此示例设置 Details open 属性。

 
 
  
 
    DOM details open Property 
     
        h2 { 
            color: green; 
            font-size: 35px; 
        } 
          
        summary { 
            font-size: 40px; 
            color: #090; 
            font-weight: bold; 
        } 
     
 
  
 
     
        DOM Details open Property  
  
        
         
            GeeksforGeeks 
            A computer science portal for geeks 
            It is a computer science portal 
                where you can learn programming. 
         
  
         
        Submit 
          
        
         
            function myGeeks() { 
                // Accessing details tag. 
                var x = document.getElementById("GFG"); 
                  
                // Display hidden information 
                // using open property. 
            var g = x.open = false;
                document.getElementById("sudo").innerHTML = g;
            } 
         
     
 
  
             

输出 ：
点击按钮前：

点击按钮后：

支持的浏览器： DOM Details open 属性支持的浏览器如下：

• 谷歌浏览器
• 浏览器 10.0 +
• 火狐
• 歌剧
• 苹果浏览器