HTML | DOM 样式可见性属性

HTML DOM 中的Style 可见性属性用于设置元素的可见性。它用于隐藏或显示元素。它返回赋予元素的可见性属性。

句法：

• 它返回可见性属性。

object.style.visibility

• 它用于设置可见性属性。

object.style.visibility = "visible | hidden | collapse | initial | inherit"

属性值：

• 可见：用于指定元素可见。它是一个默认值。
• hidden：元素不可见，但会影响布局。
• 折叠：在表格行或单元格上使用时隐藏元素。
• 初始：将可见性属性设置为其默认值。
• 继承：此属性从其父元素继承。

返回值：它返回一个字符串，表示元素要显示或不显示的内容。

示例 1：

html

 
    
        
                GeeksForGeeks
            
        DOM Style visibility Property 
         A Computer science portal for geeks
 
 
        
            Change visibility
        
 
        
            function geeks() {
                document.getElementById(
                  "gfg").style.visibility = "hidden";
            }
        
    

 

输出：

• 在点击按钮之前：

• 点击按钮后：

示例 2：

html

 
    
        
                GeeksForGeeks
            
        DOM Style visibility Property 
        
          A Computer science portal for geeks
 
 
        
            Change visibility
        
        
 
 
        
            function geeks() {
                var x = document.getElementById(
                  "gfg").style.visibility;
               
                document.getElementById('y').innerHTML = x;
            }
        
    

 

输出：

• 在点击按钮之前：

• 点击按钮后：

支持的浏览器： DOM 样式可见性属性支持的浏览器如下：

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