Почему js выдает неправильную высоту?

Question

[tripcollor]

Вот сам сайт kangoroom.ru/evy-lend
пытаюсь узнать высоту вот этого блока

<div class="income_item income_item-right">
          <div class="income_item-inner">
            <h3 class="income_item-title">Построение партнёрской сети</h3>
            <p>Тут как раз есть огромное поле для построения бизнеса.</p>
            <p>Как говорил Пол Геттии, один из первых американских миллиардеров : «Лучше я буду получать 1 % денег в результате усилий 100 человек, чем 100 % в результате своих собственных усилий»</p>
            <p>Тут мы заложили многоуровневую партнёрскую программу, которая позволяет вам зарабатывать деньги на созданной сети сбыта.</p>
            <p>Мы предоставляем технологию привлечения новых партнёров , вам просто надо выполнять инструкции.</p>
          </div>
        </div>

Вот сам js

var el = document.querySelector('.income_item-right');
var elHeight = document.querySelector('.income_item-right').clientHeight;
console.log(el, elHeight );

Сам блок по сути высотой 516px но в консоли показывает 453. Какого черта? что я не так сделал?

Comments

[twobomb]

Попробуй offsetHeight

[Shemil]

У меня ваш код 516 показывает

Answer 1

[Дима Гашко]

Правильная высота показывается только после события onload
(DOMContentLoaded и подобных недостаточно).

До этого метрики могут давать результаты как правильные так и не совсем