Home/ Questions/Q 691011
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-14T02:29:44+00:00

I need to be able to store the current height and width of a

  • 0

I need to be able to store the current height and width of a div at any point in time.

Currently I am using div.style.height/width which works fine when the styling is applied inline.

The problem is that this returns for example 600px and not 600.

Is there a better way to do this? If not, whats the best way to get just the number 600?

My updated code looks like this:

var div = document.getElementById('container');
div.scrollLeft = contentdim.cx*scalar - parseInt(div.style.width)/2;
div.scrollTop = contentdim.cy*scalar - parseInt(div.style.height)/2;

Which works fine in FF. For some reason scrollTop is messing up in Chrome though..

Note: This is a function which is called onscroll for the div.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    parseInt(div.style.height) is more generic than div.style.height.replace(“px”,””)

    However div.style.offsetHeight might be better because it does not rely on style being explicitly set (but you have to render the div before you can read the value)

    • 0