Question

I’m trying to make a script that calculates the height of a div ‘id’ and returns the same value as margin-top. But this doesn’t do it. What’s wrong?

<script language="text/javascript">
var height = document.getElementById('id').innerHeight;
document.getElementById('id').style.marginTop = height + 'px';
</script>

Thanks in advance!

Answer 1

Try;

<script type="text/javascript">
window.onload = function() {
var height = document.getElementById('mydiv').offsetHeight;
document.getElementById("mydiv").style.marginTop = height+'px';
}
</script>

Here is a live demo.