Hi,
Please offer insight into this mystery.
I am trying to get the height
value from a div box by
var high = document.getElementById("hintdiv").style.height;
alert(high);
I can get this
value just fine if the attribute is contained within the div tag, but it returns a blank
value if the attribute is defined in the css section.
This is fine, it shows 100px as a
value. The
value can be accessed.
<div id="hintdiv" style="height:100px; display: none;">
.
.
var high = document.getElementById("hintdiv").style.height;
alert(high);
This is not fine, it shows an empty alert screen. The
value is practically 0.
#hintdiv
{
height:100px
display: none;
}
<div id="hintdiv">
.
.
var high = document.getElementById("hintdiv").style.height;
alert(high);
But I have no problem accessing/changing the "display:none" attribute whether it is in the tag or in the css section. The div box displays correctly by both attribute definition methods (inside the tag or in the css section).
I also tried to access the
value by other variations, but no luck
document.getElementById("hintdiv").style.height.
value ----> undefined
document.getElementById("hintdiv").height ---->undefined
document.getElementById("hintdiv").height.
value ----> error, no execution
Any solution?
TIA.
