Question

I have a DIV that gets its height from a CSS class in a separate stylesheet. But that height is sometimes changed in Javascript. Can I read the CSS height direct from the stylesheet without creating a new element?

Answer 1

You can do something like this:

 var myDiv = $("#myId"); 
 alert('initial height from css is: ' + myDiv.css("height"));

 myDiv.css("height","50px");
 alert('height modified by js is: ' + myDiv.css("height"));

 // store modified height value
 var height = myDiv.css("height");

 // set height to an invalid value
 myDiv.css("height","");

 alert('height is now retrieved from css again: ' + myDiv.css("height"));

 // restore height value
 myDiv.css("height",height);

I created an example on jsfiddle.net, you can view it here.