<html> <head> <title> test height </title> <script> function get(id) { return document.getElementById(id); } function getheight(obj) { if (document.defaultView && document.defaultView.getComputedStyle) { return parseInt(document.defaultView.getComputedStyle(obj,null).getPropertyValue("height")); /* Mozilla */ } else { return parseInt(obj.offsetHeight); /* IE (currentStyle.width can be "auto" or "100%") */ } } </script> </head> <body> <!--a href="javascript:alert(document.getElementById(‘testid‘).style.height);">Get</a--> <a href="javascript:alert(getheight(get(‘testid‘)))">Get</a> <div id=‘testid‘ style="position:absolute;top:100px;left:200px;width:100%;"> <p>line</p> <p>line</p> <p>line</p> <p>line</p> <p>line</p> <p>line</p> <p>line</p> <p>line</p> <p>line</p> <p>line</p> <p>line</p> <p>line</p> <p>line</p> <p>line</p> <p>line</p> </div> </body> </html> |
|