.height / .clientHeight отличается от высоты, если вы отображаете весь элемент с помощью window.getComputedStyle или getElementById

Question

Я перебираю свой список отображаемых элементов и хочу получить высоту элемента - как он был отрендерен.

Если я сделаю это:

console.log(document.getElementsByClassName(elementcontainer)[i].getElementsByTagName("h3"));

Высота элемента равна 60, как показано на рисунке

Хотя, если я сделаю

console.log(document.getElementsByClassName(elementcontainer)[i].getElementsByTagName("h3")[0].clientHeight);

Я получаю 40.

То же самое происходит, когда я использую window.getComputedStyle