Changing size of div with javascript

[webuser123]

Hi,

I have an absolute positioned div within a relative positioned div and would like to determine the height of the absolute div dynamically with some javascript. Basically I would like to set the height of the relative div to the size of the absolute div after I determine what the height is.

If I give var document.getElementById("divName").style.height , I get nothing back as a value. The absolute positioned div has no height to begin with. It just expands based on its content. Also, I'm using an external stylesheet in my webpage.

How can I get this value? Thanks!

[Webnerd]

document.getElementById("divName").offsetHeight

[webuser123]

Thanks, what is the difference between height and offsetheight? Will this give me the actual height of the div?

[webuser123]

thank you, that worked!

[Webnerd]

offset dimensions are the calculated dimensions of the object by the browser. You can also get:

offsetWidth
offsetTop
ofsetLeft

Be advised that offsets are literally that, they are the offset from their parent element so some scripting is needed to traverse offsets for a literal page X and Y position.