Javascript - Modifying the height of element HTML

April 2018


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";
Published by deri58. Latest update on December 29, 2009 at 05:59 AM by jak58.
This document, titled "Javascript - Modifying the height of element HTML," is available under the Creative Commons license. Any copy, reuse, or modification of the content should be sufficiently credited to CCM (
Javascript - Last modification made on a web page
Javascript - Choosing a link at random