Чем метод innerHeight отличается от height JQuery?

Вопрос в заголовке, не понимаю в чем разница между двумя данными методами, писал код, проверил и вернуло одно и то же значение, если кто то знает нюансы данного метода то буду рад помощи)

Насколько я помню тут вся разница в том что метод innerHeight() получает высоту элемента учитывая внутренние отступы (padding) , и этот метод вроде нельзя применить к объектам типа window и document, ну и он вроде только возвращает значение, задать значение через этот метод нельзя, вот пример:

html код, просто контейнер с примером внутри:


<div class="container">
<div
class="example1">

Css оформление для блока, задаем ему паддинг что бы проверить как отображается высота с помощью разных методов.

.example1 {
height: 100px;
width: 150px;
padding: 200px;
background-color: gray;
border: 2px solid black;
}


js, тут мы записываем в переменные с одного примера высоту, сначала с помощью метода innerHeight, затем с помощью height, и в консоли видем что паддинг вмял объект, и что свойство height показывает нам что его размер равен 0 пикселей, а свойство innerHeight показывает его действительную высоту, считая паддинг и не считая рамку.

var temp = $('.example1').innerHeight();

var
temp1 = $('.example1').height()

console.
log(temp);
console.log(temp1);

Посмотри на itvdn курс по JQuery, там очень подробно разобрана данная библиотека, ссылочка -

https://itvdn.com/ru/video/jquery