Javascript - Modifying the height of element HTML

October 2016


The style property : height can be used to modify the height of an html element in javascript.


For this you can refer to the following:
  • Below is an indication of how to do this modification.
  • If you want to know the height (height) of an HTML block, there are two ways depending on the browsers:
  • Below are two ways for displaying the height of an HTML block by browsers:

  • Another way to display the height of an HTML block, but this time,regardless of the browsers:

var height = document.getElementById('id_element').style.height; 
  • If you wish to modify this property, you should specifypx. Thus the code for obtaining the height on HTML blog depending on the blog:

<script type="text/javascript">
var obj = document.getElementById('id_element'); = "502px";
  • If you wish to retrieve the value of the height, you should set px to this value :

<script type="text/javascript">
var obj = document.getElementById('id_element'); = height+"px";

Related :

This document entitled « Javascript - Modifying the height of element HTML » from CCM ( is made available under the Creative Commons license. You can copy, modify copies of this page, under the conditions stipulated by the license, as this note appears clearly.