What is the difference between .height and .offsetHeight in JavaScript?

Question

JavaScript

What is the difference between
clientHeight includes padding.
offsetHeight includes padding, scrollBar and borders.
.style.height block height.
I use .style.height for the block - it returns emptiness, and the parent has everything, the child has emptiness (even with a fixed height).
I write offsetHeight - all the rules.
Why is that? and what's the difference?

Answer 1

document.element.style.heightto specify the height, this property cannot be read.
Can be done like this ->

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

Here are more details ->
https://learn.javascript.ru/styles-and-classes
https://learn.javascript.ru/metrics