javascript - Div margin to equal another div's height - JS

Question

So my content div is basically hidden behind the header and footer, and has 100% height. On some pages I want to have a JS script to tell the content div move below the header and I tried it like so but it's not working:

document.getElementById('content').style.marginTop = document.getElementById('header').height + 55;
}

Any ideas?

Answer 1

var height = document.getElementById('header').offsetHeight;
document.getElementById('content').style.marginTop = height + "px";