HTML | DOM Style height Property

HTML DOM Style height Property is similar to CSS Height Property but it is used to set or get height of an element dynamically.

Syntax : 

• To set the height property : 

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

• To get height property value: 

object.style.height

Property Values: 

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 parents

Return Value: String that gives height of the element.

Example-1: 

Output 

• Before : 

👁 HTML DOM Height Before gfg

• After : 

👁 HTML DOM Height after gfg

Example-2: 

Output : 

• Before : 

👁 DOM Height example before gfg

• After : 

👁 DOM height after gfg

Supported Browsers: The browser supported by DOM Style height property are listed below:

• Google Chrome 1.0
• Edge 12.0
• Internet Explorer 4.0
• Firefox 1.0
• Opera 7.0
• Safari 1.0