JavaScript: not able to alert output value
<p>The code is pretty simple.</p>

<p>HTML:</p>

<pre><code>&lt;div class="simpleDiv" id="Child1" onmouseover="expandDiv(this);"&gt;&lt;/div&gt;
</code></pre>

<p>CSS:</p>

<pre><code>.simpleDiv {
    background-color: red; 
    width: 100px; 
    height: 50px; 
    margin: 5px; 
    margin-left: 50px; 
    opacity: 1;
}   
</code></pre>

<p>JavaScript:</p>

<pre><code>function expandDiv(object){
    alert(document.getElementById(object.id).style.height);
} 
</code></pre>

<p>Why am I not able to alert the height of the div like this? If I alert the id or class using the function hasAttribute, thats working fine but not able to alert the css properties of the elements.</p>

<p>Any help appreciated!</p>
