Why does Client Height value doesn't apply to other elements?

Question

I want my sidebar to have spacing from top equal to header's height. When I use clientHeightin js, although it returns the right value when I print it via alert(), it doesn't apply to other elements as marginTop or top value. (Position was included while using top).

HTML

<body onload="sidenav_height()">
 ...
</body>

JS

function sidenav_height(){
  var height = document.getElementById("header").clientHeight;
  document.getElementById("sidenav").style.marginTop = height;
}

The value of `style.marginTop` needs an unit, `.clientHeight` returns a number only. — Teemu, Jun 22 '21 at 08:56

score -1 · Accepted Answer · answered Jun 22 '21 at 09:00

-1

please change

function sidenav_height(){
  var height = document.getElementById("header").clientHeight;
  document.getElementById("sidenav").style.marginTop = height+"px";
}

answered Jun 22 '21 at 09:00

Faiz Sandhi

306
2
12

Why does Client Height value doesn't apply to other elements?

1 Answers1