HTML | DOM 样式高度属性

HTML DOM 样式高度属性类似于 CSS 高度属性，但它用于动态设置或获取元素的高度。

句法 ：

• 设置高度属性：

  object.style.height = auto|length|%|initial|inherit;
  

• 获取高度属性值：

  object.style.height
  

属性值：

Value	Description
auto	Default value
length	This define height in length unit
%	This define height in percentage compare with the parent element.
initial	sets its default value
inherit	inherit the property from prents

返回值：给出元素高度的字符串。

示例 1：

  

    
        HTML | DOM Style height Property
    
    
        p {
            height: auto;
            color: white;
            font-size: 50px;
            background-color: green;
        }
    

  

    
    
      Click to change height
    
    
    
  
    
        function Play() {
            document.getElementById(
              "block").style.height = "200px"
        }
    
    
        Geeks For Geeks
  
    
  

  

输出

• 前 ：
  

  之前的 HTML DOM 高度

• 后 ：
  

  之后的 HTML DOM 高度

示例 2：

  

    
        HTML | DOM Style height Property
    
    
        div {
            height: 10px;
            background-color: green;
            width: 100px;
        }
    

  

    
    
      Click to increase height of object
    
    
    
  
    
        function Play() {
            document.getElementById("block"
               ).style.height = "100px"
        }
    
    
        
  
        
    

  

输出 ：

• 前 ：
  

  之前的 DOM 高度示例

• 后 ：
  

  DOM 高度之后

支持的浏览器： DOM Style height 属性支持的浏览器如下：

• 谷歌浏览器 1.0
• 浏览器 4.0
• 火狐 1.0
• 歌剧
• Safari 1.0