В чем разница между .height и .offsetHeight в JavaScript?

Question

[Scalletta]

В чем разница между

clientHeight включает дополнение.
offsetHeight включает в себя дополнение, scrollBar и границы.
.style.height высота блока.

использую для блока .style.height - возвращает пустоту, причем у родителя норм все, у дочернего пустота (даже с фиксированным height).
пишу offsetHeight - все норм.
Почему так? и в чём разница?

Answer 1

[Никита Егоров]

document.element.style.height для указания высоты, это свойство нельзя прочитать.

Можно так ->

getComputedStyle(document.element).height //Вернет высоту
// или так
document.element.offsetHeight

Вот подробней ->
https://learn.javascript.ru/styles-and-classes
https://learn.javascript.ru/metrics

Comments

[Scalletta]

спасибо, щас прочту