Javascript - Modifying the height of element HTML

December 2016





Intro


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

Implementation


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:

element.offsetHeight 
element.style.pixelHeight
  • 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');
obj.style.height = "502px";
//--></ital>
</script>
  • 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');
obj.style.height = height+"px";
//-->
</script>

Related :

This document entitled « Javascript - Modifying the height of element HTML » from CCM (ccm.net) 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.